Sticky Header Menu color changing to transparent

sec-hosting · April 2020

Hello,

we use "furniture2" betheme template.

If we test our site on smaller windows (so resizing the browserwindows to an smaller size) and if we scroll down, so the header menu is going to be sticky we got an bug:

The background of the menu-structure is going from white to complete transparent.

how can we fix this?

An screenshot of the issue:

I also send an PN to muffingroup account including the page URL.

Thank you!

sec-hosting · April 2020

Edit: This seems only to happen if we use "Header Style" Classic

Pablo · April 2020

Hello,

Can you send me a link to your website only?

I have to check it.

Thanks

sec-hosting · April 2020

Hi,

i cannot send you an PM directly

I sended the url to "muffingroup"

Pablo · April 2020

Hello,

That’s because of too many menu items inside the grid width of the website - to extend it, please go to the Theme Options > Global > General
https://prnt.sc/rsaxzf.

There is another way to remove that problem, decrease the font size of the main menu in Theme Options > Fonts > Size & Style
https://prnt.sc/rsaz4r

Otherwise, you have to decrease the amount of menu items inserted inside, it drops down the whole menu, to make it fit in your header and not overlap on the logo.

Thanks

sec-hosting · April 2020

Hi,

i tried this, but it doesnt seems to fiyx the issue.

Is it possible to make the Menu white, not transparent while sticky-header is active?

Pablo · April 2020

The solutions I sent you for the breaking down the menu are the only ways to fix that.

There is no other way.

About the menu, yes - please head to the Theme Options > Header & Subheader > Header, scroll down to the "Sticky Header" and change style to "White"

https://prnt.sc/s6o3hb

Thanks

sec-hosting · April 2020

Hi,

yes i changed it to white, but its stillt "transparent" if i scroll down.

Edit i added:

#Top_bar.is-sticky{
  background:white !important;
	opacity:1 !important;
}

this worked! Thank you. Now i check how i can fix the other issue.

sec-hosting · April 2020

Okay, i got it.

If we use "fixed" header typ the issue is gone.

But now we have an strange search-icon. Can we fix that? If so everything will be perfect.

Pablo · April 2020

What do you want to do with this search icon?

Remove it or remove the strip between menu and that icon?

Thanks

sec-hosting · April 2020

Hi, i want to remove the strip between the menu and the icon (the black line)

Pablo · April 2020

Is it still the "Koenigs Kuechen" website?

As I can see, the header is different than you send me, but try this css:

.top_bar_right::before{display:none !important;}

Thanks

sec-hosting · April 2020

Its working, thank you very much!!

Sticky Header Menu color changing to transparent

Comments