Hiding Banner Wrapper - Magazine Header

trush · February 2020

Hello,

I'm wanting to hide the .banner_wrapper image when on a phone. I've tried this in the custom css section of theme options but no luck.

@media screen and (min-width: 0px) and (max-width: 720px) {

.banner_wrapper{ display: none; }

}

Thanks

Pablo · February 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

trush · February 2020

https://snipboard.io/F1DyB2.jpg

Pablo · February 2020

Can you send us a link to that website?

We'll check if it's possible and then we'll create a CSS code.

Thanks

trush · February 2020

thebaerlaw.com

Pablo · February 2020

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

@media (max-width:784px){
	.banner_wrapper{
		display:none !important;
	}
}

Thanks

trush · February 2020

Another question. How do we maintain the original height of the header but still make it sticky on desktop, ipad, etc, not mobile?

Desired: https://snipboard.io/i9yH7z.jpg

Current: https://snipboard.io/KX6Aau.jpg

Thanks!

Pablo · February 2020

This is by the default set in the BeTheme and it's not easy to change, you would have to create a lot of CSS code to achieve that, because it will require aligning the items in proper position after applying additional height value.

They are positioned with the JS, to be always on middle, that's why it's hard.

Thanks

trush · February 2020

I just don't want it it collapse on scroll.

trush · February 2020

Lock the full header in place.

Pablo · February 2020

In this case, you should use the "Fixed" header, or use the Header Muffin Builder which will allow you to do this kind of headers.

Thanks

Hiding Banner Wrapper - Magazine Header

Comments