[The Art Theme] Sticky menu

[RED PILL Design]

Hello Support,

Is it possible to make the menu sticky on The Art theme. I mean just the menu, not the Site Logo or TopBar.
I use Header Layout 3.

Thanks in advance

With regards,
Hasso
RED PILL Design

[Sonl Sinha]

Hi,

Yes, Kindly show us your website URL?

Regards,
Brad

[RED PILL Design]

Hi Brad,

The URL is https://redpilldesign.nl/degierguitars/

I have just sent a pwd reset for the SKT Support account.

With regards
Hasso
RED PILL Design

[Sonl Sinha]

Hi,

Kindly use this plugin to make menu sticky.

https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

Regards,
Brad

[RED PILL Design]

Hi Brad,

Awesome, I got the menu to stick. But the background is transparent. So when I scroll down and the background of the page has a lighter color the menu is badly readable.
Is there a way to set the Menu Background Color? I don’t see that option in de Header Layout. There is one for the Sub Menu Background.

Regards
Hasso

[RED PILL Design]

PS: I tried the following CSS. It sets the backgound when the page is loaded initialy, but disappears upon scrolling.

.head_inner {
background-color: #373737;
}

[Sonl Sinha]

Hi,

Kindly use this CSS.

#topmenu .menu-item { opacity:1 !important;}
.has_trans_header .header.type3 #topmenu ul li a, .has_trans_header .header.type4 #topmenu ul li a { padding: 15px 20px;}

Regards,
Brad

[RED PILL Design]

Thank you Brad,

But that doesn’t do the trick I would like to accomplish.

When I use:
.menu-item {
background-color: #373737; opacity: 0.75;
}
It almost does what I want. Preferably I would like to have the entire menu bar full width to stay gray with an opacity of .75 when the visitor scrolls down and not just the menu items.

Is that possible?

Regards
Hasso

[Sonl Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Brad

[Sonl Sinha]

Hi,

This is done. Kindly check and confirm.

Regards,
Brad

[RED PILL Design]

Awesome!
Thank you Brad!!

Just 1 more thing ;-):
I would like to have the menu-item to become solid (opacity 1.0) upon hovering.
I tried this code:
.menu-item {
background-color: #373737; opacity: 0.75 !important;
}
.menu-item:hover {
background-color: #373737; opacity: 1.0 !important;
}

Also I would like the submenus to be solid as well, so I tried
.sub-menu {
background-color: #373737 !important; opacity: 1.0 !important;
}

But I must miss something, ‘çause it’s not working.

Regards
Hasso

[Sonl Sinha]

Hi,

This is done.

Regards,
Brad

[RED PILL Design]

Thank you very much!
But could you also tell me how you solved it, so I can learn and don’t have to bother you next time.

Regards
Hasso

[Sonl Sinha]

Hi,

We have removed opacity on hover when the menu is getting sticky.

Regards,
Brad

[Author]

Posts