Navigation menu bar question needs advice - Forum | JoomShaper
Solved Helix Framework

Navigation menu bar question needs advice

Asked by Aexe 3 years ago Last activity 3 years ago

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?

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

Thanks 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.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

3 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi 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 Asked this
3 years ago

Hi Rashida Rahman,
I want to add this effect to the top navigation menu bar on every page.

Aexe Asked this
3 years ago

Hi Rashida!

you are right!

Thanks for your answer.

Rashida Rahman Staff
3 years ago

Glad that it helped:)

Have a nice day!

Log in to reply.