Nuron Template: Top Bar To Scroll With Menu - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Nuron Template: Top Bar To Scroll With Menu

R

Rabah

SP Page Builder 3 months ago

I had a quick question, for the Nuron template, its built in for the menu header to scoll and stay on top, but I also have a top bar (in blue) that would also like to also scroll down along with top header (menu). Is that possible with stayle edit or add css code.

sp-top-bar

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 months ago #198317

Example CSS

@media screen and (min-width: 1200px) {
#sp-header, #sp-header.header-sticky {animation: none; top: 50px;}
#sp-top-bar {position: fixed;width: 100%;top: 0;left: 0;z-index: 911;}
#sp-header.header-sticky {position: fixed; top: 55px;}
}

Use it in Template Options > Custom Code > Custom CSS.

And if you can from settings change logo Height to 65px


You can also disable [=] menu in dekstop view, also from Template Options > Menu > Mega Menu > Menu Type: Select "MegaMenu" only

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 months ago #198314

Hi Rabah.

From settings not possible, only via Custom CSS code.

I only recommend that (if you really have to) only on Desktop view.

0
R
Rabah
Accepted Answer
3 months ago #198315

Thank you Paul.. could you plz share css code to what I could use and I agree only to use in desktop view. i tried a few things but it didnt work wirh me.

appreciate your help

0
R
Rabah
Accepted Answer
3 months ago #198318

thank you very much, it worked well!

appreciate it and have a good day

0