Hiding Header Image on Mobile for header type "Modern"

ulei

Hey,

i would like to make headers on my website disappear on mobile. I have tried some css code from similar posts but it did not work.

I am using the header type "Modern"

here is the site i am talking about. http://lsw-landtechnik.de

thanks a lot in advance

Pablo

Hello,

Just to be sure, do you want to remove this slider from every page on mobile?

https://prnt.sc/rvas5a

Thanks

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

ulei

Hi,

On the landingpage it would be finde if it stays, but on all other pages it just takes up too much space.

Thanks

Pablo

Please remove the slider shortcode from that field in the Theme Options > Global > Advanced

https://prnt.sc/s808j1 (make the field blank)

And then, head to the landing page and select the slider from the dropdown list:

https://prnt.sc/s80b16

Thanks

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

ulei

Hey,

the field in Theme options > Global > Advanced was empty. I only have a slider on the landing page. On all other pages it is a matter of removing the featured image for mobile.

Thanks 

Bryan

Hey,

so is the solved?

thanks

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

ulei

unfortunately not. I just explained that i only have a slider on the LP. 

For all other sites there is still the featured image in place, which, when on mobile is located right below the menu.

So the question still remains. How do i make the featured image disappear on mobile.

Here is a Link as an example. https://lsw-landtechnik.de/aufruestung/

Sorry if i did not speak clearly.

Thanks a lot

Bryan

Hey,

you mean the grass image right?

Please try to go to theme options>responsive>header and enable the minimalist option for the mobile header.

thanks

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

ulei

Hey,

im sorry it was enabled already. Still no difference.

Yes its the grass image.

Thanks.

Pablo

Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

@media (max-width:768px){
	#Header_wrapper{
	 height:50px !important;
  }
}

Thanks

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

ulei

Thats perfect!

Thank you very much for your time and effort