Docs

[Amanda P]

Hi X Team,

I have this webpage: http://healthyfamilyexpo.com/whole-foods-market-zone-2017/

It look fine in every browser except Internet Explorer. In IE the header is pushed to the left and cut off. I have tried googling IE fixes and nothing is working. I have attached an image of what the client is seeing (because I do not have IE on my machine) – the heading is pushed to the left and the beginning of the heading is cut off, which should read “WHOLE Foods…blahblahblh”

Are you able to help?

Thank you

[Amanda P]

Apparently this happens in older firefox too

[Joao]

Hi There,

On what version of IE are you?

On my end it is loading fine. Please check the Screenshot.

Thanks

[Amanda P]

I’m sorry, to clarify, I am being told this is happening in FireFox. I can confirm that it does happen in firefox when the browser is just slightly smaller than fullscreen.

Any ideas?

[Paul R]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

.x-header-landmark  {
    width:100%;
    clear:both;
    float:none;
    overflow:hidden;
    display:block;
}

Hope that helps.

[Amanda P]

cool it worked. I added padding to the top too to make it look even better.

Thank you!

[Jade]

You’re most welcome, Amanda.

[Author]

Posts