Awaiting an answer Templates

Sticky Topbar - in the Nuron template

Asked by Caroline Sun 3 years ago Last activity 3 years ago

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

7 replies

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

Hello,

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.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

Caroline Sun Asked this
3 years ago

It works! Rashida :-) many thanks for you help and quick response!

Rashida Rahman Staff
3 years ago

Hi,

Glad to know that and you are always welcome :)

You may accept the most useful answer in order to close the post.

Best Regards

Caroline Sun Asked this
3 years ago

The answer is very helpful.

Rashida Rahman Staff
3 years ago

Thanks for your kind words:)

Caroline Sun Asked this
3 years ago

sorry for late relay!

Caroline Sun Asked this
3 years ago

HI

Log in to reply.