Navigation Menu Bar Question Needs Advice
Aexe
Hi I have a navigation menu bar question inquiry. I want the navigation menu bar to be transparent by default, when the page scrolls down, the navigation menu bar bottom color turns white. When the page scrolls back to the top, the navigation menu bar becomes transparent, Can you tell me how to do it?
Rashida Rahman
Accepted AnswerThanks for the link.
Please use the following code in your custom CSS:
#sp-header {
background: transparent;
}
#sp-header.header-sticky {
background: white;
}
#sp-main-body {
margin-top: -60px;
}Hope this will serve your perpose!
Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Rashida Rahman
Accepted AnswerHi there!
Thanks for contacting us.
It requests custom CSS. Would you please give me your site URL, where you want to achieve this? I will try to provide you the code then.
Best Regards
Aexe
Accepted AnswerHi Rashida Rahman, I want to add this effect to the top navigation menu bar on every page.