mobile menu without top bar background

moogdesign · January 13

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 13

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 13

https://forum.muffingroup.com/betheme/discussion/comment/227425#Comment_227425

Bildschirmfoto 2023-01-13 um 14.28.49.png

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

Phil · January 13

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 13

TOP! Thank you so much!

mobile menu without top bar background

Comments