Reply To: Flickering Footer on Contact page

[Robert Kavgić]

Hello,

One of the simpler solutions to resolve this issue is to move the part of the code from the include.js to contact.html jquery section and apply some modifications. Follow the next procedure to get it working.

Go to include.js and delete the code from this file:

$('#map').hide();

$('.call-to-action.contact').on("click", function (e) {
    e.preventDefault();
    $('#map').slideToggle("slow");
});

After deleting, save the include.js file.
Go over to contact.html, to the line 1157 where the code says:

google.maps.event.addDomListener(window, 'load', initialize);
// GOOGLE MAPS END

AFTER that, add the following code (it’s almost the same code as the one we’ve recently deleted from include.js file, but it is NOT the same, so please, copy this code!):

$('#map').hide();

$('.call-to-action.contact').on("click", function (e) {
	e.preventDefault();
	$('#map').slideToggle("slow", function() {
		initialize();
	});
});

Now your code in the contact.html file starting from line 1157 should look like:

google.maps.event.addDomListener(window, 'load', initialize);
// GOOGLE MAPS END
				
$('#map').hide();

$('.call-to-action.contact').on("click", function (e) {
	e.preventDefault();
	$('#map').slideToggle("slow", function() {
		initialize();
	});
});

Save the file and upload it. Map should be working normally.

Robert