1. Gazette
  2. Friday, 28 June 2019

I would like my Gazette template to have a sticky menu, meaning I don't want it to disappear when the user scrolls down.

I tried adjusting the css, but I ended up with margin issues from the top:

section#sp-main-menu {
position: fixed;
width: 100%;
top: 130px;
z-index: 10 !important;
background: #fff;

Please advise. Thanks!
Accepted Answer
Thanks for your query. Please use this css into your custom css and that'll solve the issue.

#sp-header.header-sticky ~ #sp-main-menu {
position: fixed;
width: 100%;
left: 0;
top: 80px;
z-index: 2;
background: #fff;

Here you'll get all the informations regarding custom css https://www.joomshaper.com/documentation/helix-framework/helixultimate#documentation-heading-1_8

-Best Regards
  1. more than a month ago
  2. Gazette
  3. # Permalink
Responses (1)

There are replies in this post but you are not allowed to view the replies from this post.

This forum is archived

This forum has been archived. Please use JoomShaper official support system.