Sticky Topbar - In The Nuron Template
Caroline Sun
Hi team,
In the Nuron template, the sticky header is running perfect and i know the sticky only for "HEADER" with logo and menu, but now I need to have sticky Top bar with contact info as header together when scroling, is it possible to do that?
And one more question, I have put a "shopping cart" on the top bar, but the dropdown element of the shopping cart always stay behind the header row ( please see the link below), could you give me a suggesion how to fix it? https://prnt.sc/P6UcGfGUFrw8
Thanks!
Caroline
Rashida Rahman
Accepted AnswerHello,
Thanks for the your query.
You may use the following code in your custom CSS:
#sp-top-bar {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
#sp-header {
position: fixed;
width: 100%;
top: 72px !important;
}Hope this will serve your purpose!
Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
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,
Glad to know that and you are always welcome :)
You may accept the most useful answer in order to close the post.
Best Regards