no subheader on mobile

Oeroes

Hi Be,

Is it possible to remove the sub header-background image on mobile devices?

The image I use in the sub header shows good on desktop and tablet. But on my smartphone it stays to big en therefore it disappears behind content. So better to remove the sub header on the mobile.

See https://www.zepachallenge.nl

and see below the screen print of my mobile-phone.

Thank you!

Oeroes

Albert

Hi,

to remove subheader on mobile, you need to use the following css:

@media only screen and (max-width: 767px) {
    .minimalist-header-no #Subheader { padding: 30px 0 !important; }
}

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

Oeroes

Thank you!

Albert

You are welcome!

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

gyarb

Hello. I added this code but still have sub header displaying on mobile? What did I do wrong

Bryan

@gyarb

@media only screen and (max-width: 767px) {
 #Subheader { padding: 30px 0 !important; }
}

Try this

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

gyarb

still big space on mobile device

Bryan

Please look: http://prntscr.com/h2m169
We checked and there is no space, maybe try to delete the browser cache.

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