Home › Forums › All Other Themes › [The Art Theme] Sticky menu
- This topic has 13 replies, 2 voices, and was last updated 1 year, 10 months ago by Sonl Sinha.
-
AuthorPosts
-
November 22, 2022 at 2:40 am #201892
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 DesignNovember 22, 2022 at 3:09 pm #201896Hi,
Yes, Kindly show us your website URL?
Regards,
BradNovember 23, 2022 at 1:07 am #201911Hi 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 DesignNovember 23, 2022 at 11:16 am #201922Hi,
Kindly use this plugin to make menu sticky.
https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/
Regards,
BradNovember 24, 2022 at 2:10 am #201934Hi 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
HassoNovember 24, 2022 at 2:19 am #201935PS: I tried the following CSS. It sets the backgound when the page is loaded initialy, but disappears upon scrolling.
.head_inner {
background-color: #373737;
}November 24, 2022 at 11:20 am #201938Hi,
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,
BradNovember 25, 2022 at 2:29 pm #201964Thank 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
HassoNovember 28, 2022 at 4:38 pm #202019Hi,
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,
BradNovember 29, 2022 at 12:01 pm #202040Hi,
This is done. Kindly check and confirm.
Regards,
BradDecember 2, 2022 at 8:10 pm #202118Awesome!
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
HassoDecember 5, 2022 at 11:16 am #202133Hi,
This is done.
Regards,
BradDecember 6, 2022 at 1:44 am #202147Thank 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
HassoDecember 6, 2022 at 11:12 am #202152Hi,
We have removed opacity on hover when the menu is getting sticky.
Regards,
Brad -
AuthorPosts
- You must be logged in to reply to this topic.