How to change sticky menu/different sticky menu?

emlydato · June 2018

Hey, first thank you for your great theme!

It's great, but I need your help in one thing: I use header style "Stack: Left". On the sticky header of this, only the logo and submenu (which is over the main menu on this style) have white background. The main menu has no background color, so you can't really read menu points.

1) How can I change the background color of the sticky main menu? With not 100% transparency.

2) Or better: Is it possible to change the header style ONLY of the sticky header? So that I can use e.g. "Classic" Header style for sticky header. Because my sticky header is really big, but I don't want to change the main header.

If not, is it possible to hide "the first line" of logo and submenu in sticky header, so that only the main menu is sticky?

Thanks a lot!

website: https://social-fame-marketers.com/

Pablo · June 2018

Hi,

You have too many items in your menu.

Try to use fixed header or just do not use a sticky menu when you have that much items in menu.

Thanks.

emlydato · June 2018

Hi,

thank you.

Is it possible to hide some menu items in sticky menu?

Pablo · June 2018

It can be done only with using Custom CSS, BeTheme options do not allow to do it.

Cheers.

emlydato · June 2018

yes, of course. Thank you.

Could you please tell me how the css for this would look like?

Pablo · June 2018

Hi,

First, inspect your menu items by right click of mouse and inspect element, then look at id of item

(http://prntscr.com/juupxf)

Dont forget to change menu-item id in Custom CSS I send you now.

#Top_bar.is-sticky #Top_bar .menu_wrapper{
	float:right;
}

#Top_bar.is-sticky #menu-item-10{
display:none !important;
}

#Top_bar.is-sticky #menu-item-11{
display:none !important;
}

Thanks.

emlydato · June 2018

Wow thank you, that's great!

How to change sticky menu/different sticky menu?

Comments