Image and headline behind header on mobile

autusmedia · September 2018

Hi BeTheme-supporters,

It's about this page: https://q-clean.dk/tilbud/

Looks fine on desktop but on mobile the header image and headline is behind the header. Can you give me advice on how to set padding or margin on #subheader to move the image and headline below the header on mobile only?

Looking forward to hear from you :-)

Pablo · September 2018

Hi,

Your logo is too large to make this.

Also, I cannot move subheader without moving whole menu.

I've done something different than you ask, but it looks kinda nice too.

Paste this CSS code into Theme Options > Custom CSS & JS

@media (max-width:767px){
.minimalist-header-no #Subheader{
 	padding-top:200px !important;
}
.logo-overflow #Top_bar:not(.is-sticky) .logo{
	height:112px !important;
}
}

I hope you'll like it.
Thanks

autusmedia · September 2018

Wow!!! Thanks!!!

Image and headline behind header on mobile

Comments