Remove Header from mobile

adroitsh

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

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;
    }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adroitsh

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

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?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next