mobile menu without top bar background

moogdesign · January 2023

In the options under Header/Subheader I created the top bar background as an image file. However, this should only be visible on the desktop view. As soon as the burger menu appears, the image should disappear from the background without replacement or be replaced by an alternative image. how can in CSS, for example, the mobile menu is set up neutrally in the background?

Phil · January 2023

Hi,

Please always attach a link to your website 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 with the link.

Thanks

moogdesign · January 2023

Phil Jan 13, 2023

Hi,
Please always attach a link to your website 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 with the link.
Thanks

Bildschirmfoto 2023-01-13 um 14.28.49.png

20.87 KB

http://wptestserver.moogdesign.de/cms/

Phil · January 2023

Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

@media only screen and (max-width:767px){
   #Top_bar, #Header_creative{
      background-image: none!important;
   }
}

Best regards

moogdesign · January 2023

TOP! Thank you so much!

mobile menu without top bar background

Comments