How To Make A Menu Sticky - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Make A Menu Sticky

UM

University of Mauritius

Template 3 years ago

hello,

I wish to make the menu sticky so that it is always present even if we scroll the page down. Kindly advise.

Thanks & Rgrds, Prashant

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94697

you're welcome.

Mark as solved, thx

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94689

Hi,

in that template by default only header (sp-header) is sticky, not menu.

So it request extra changes to correct that.

What is your piority header with logo or menu?? or both?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94690

If you want to show both, please use following custom CSS


@media (min-width: 999px) {
#sp-main-menu {
  position: fixed;
  display: block;
  width: 100%;
  top: 100px;
  z-index: 999; }

#sp-main-body {
  margin-top: 70px; }
    }

it will work for desktop only.

0
UM
University of Mauritius
Accepted Answer
3 years ago #94691

it would be great to have both. If not possible, then I believe the menu is more important to be sticky

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94695

use above

0
UM
University of Mauritius
Accepted Answer
3 years ago #94696

That's perfect!! thank you for your usual cooperation.

TC

0