Problem with mobile menu / header

DyGLeX · September 2021

Hi there,

I have on my side: netscher-und-sohn.de

following problem:

I have a transparent header. On the desktop version, the menu is highlighted with a white bar when you are scrolling. In the mobile version, the menu unfortunately remains transparent. How can I adapt the mobile menu so that it also has a white background when scrolling?

Kind regards

Fabian Netscher

Phil · September 2021

Hello,

Please, go to Betheme -> Theme options -> Responsive -> Header, and if you have selected, uncheck the Transparent option.

Thanks

DyGLeX · September 2021

Then the menu above is also with a white background ...

The white background should only appear when you scroll down the page

just like the menu in the desktop version

Phil · September 2021

Then you will have to put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

@media only screen and (max-width: 767px) {
   #Top_bar.is-sticky .container{
      background-color: #fff!important;
   }
}

Thanks

DyGLeX · September 2021

okay thx so much

that worked

Problem with mobile menu / header

Comments