Remove Header from mobile

adroitsh · February 2017

Hi

I was able to change the height of the header of the website (pages other than home) and it looks good on my computer, but on my phone the header looks below the menu and above the sub header creating a wide empty area that doesn't look good. I would like the Header to disappear just on mobile.

Please see www.gabbyfranco.com/events/

Thanks

Albert · February 2017

Hi,

we can see, you used below css:

body:not(.template-slider) #Header {
    min-height: 100px;
}

and if you don't like, how it looks like on mobile, please wrap above css into right @media tag, like:

@media only screen and (min-width:1240px) {
    body:not(.template-slider) #Header {
        min-height: 100px;
    }
}

adroitsh · February 2017

Thank you for replying but it doesn't change it on my phone. I still see a big black gap on the menu. Please help me fix it. Thanks.

Albert · February 2017

It does not work because your css is not the same as we gave you above. Looks like you picked up just few elements from above css and did own.

Just take a look at http://pasteboard.co/yVHPY77cz.png (this is a screenshot of your site) - does marked part looks the same as the css we gave you above?

Remove Header from mobile

Comments

This website uses cookies