[Resolved] Google map in footer widgets is showing in top of the page

[Edwin]

Hi Tom

I am using Google map in the footer widgets, but somehow it is showing on top of the page. I tried disabling all plugins, but that didn’t fixed the problem.

Any idea?

Thanks

Edwin

[Tom]

Hi there,

The URL you added doesn’t seem to be working.

Let me know 🙂

[Edwin]

Hi Tom

Try now, but instead of using https:// use http://

Thanks

Edwin

[Tom]

It’s still loading just a blank page for me.

[Edwin]

Sorry Tom. I was not pointed to correct IP. Can you try now?
Also i have this website and can not get the header full width under page header. I checked another website where it is working and the settings are exactly the same.

https://visualdevelopment.com.au/australianslatecrete/distributors/

Thanks

Edwin

[Tom]

Hmm, the URL still isn’t loading for me.

As for your second question, try this:

.featured-image.page-header-image {
    max-width: 100%;
}

[Edwin]

Thanks that worked. The link is http://turf-weld.com.au/index.php

[Tom]

You have this CSS added:

.site-logo, .widget select, embed, iframe, object, pre {
    max-width: 100%;
    position: absolute;
    top: -35px;
}

That’s telling all of those elements to be absolute, including all iframe elements, which include Google Maps.

[Edwin]

Thanks Tom.

I should have know 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts