Staff replied Templates

Sticky Header And Topbar - 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

5 replies

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

Hi there!

Thanks for your query.

Can I have your site URL here to check, please?

Best Regards

Caroline Sun Asked this
3 years ago

Sure, please see the link below.

look forward to your suggesion.

Thanks!

Rashida Rahman Staff
3 years ago

Hello,

Thanks for the link.

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.

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

Log in to reply.