no subheader on mobile

Oeroes · March 2016

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 · March 2016

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

Oeroes · March 2016

Thank you!

Albert · March 2016

You are welcome!

gyarb · October 2017

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

Bryan · October 2017

@gyarb

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

Try this

gyarb · October 2017

still big space on mobile device

Bryan · October 2017

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

no subheader on mobile

Comments