Sticky Header And Topbar - Nuron Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Sticky Header And Topbar - Nuron Template

CS

Caroline Sun

Template 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

0
5 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #93666

Hi there!

Thanks for your query.

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

Best Regards

0
CS
Caroline Sun
Accepted Answer
3 years ago #93711

Sure, please see the link below.

look forward to your suggesion.

Thanks!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #93882

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

0
CS
Caroline Sun
Accepted Answer
3 years ago #93891

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #93917

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

0