mobile menu without top bar background

moogdesign

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

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

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

moogdesign

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

Bildschirm­foto 2023-01-13 um 14.28.49.png

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

Phil

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

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

moogdesign

TOP! Thank you so much!