[Chris]

I would like my secondary menu to be sticky (fixed) as per the standard scroll behaviour of the primary menu

http://samuiluxuryboat.com

Please could someone help me with additional CSS code to make this work?

Thank you in advance!!

Chris

#content article {
-webkit-hyphens: manual;
-moz-hyphens: manual;
hyphens: manual;
}

#hgroup-wrap.container {
width: 98%;
}
#masthead,
#masthead.fixed-header {
padding: 1;
}
#masthead #site-logo img {
max-height: 80px;
}
#masthead.fixed-header #site-logo img {
max-height: 52px;
}
#site-title {
padding-top: 10px;
}

@media screen and (max-width: 980px) {
#site-title {
font-size: 18px;
line-height: 1.65;
padding-top: 10px;
}
#masthead,
#masthead.fixed-header {
padding: 0;
}
#masthead #site-logo img {
max-height: 70px;
}
#masthead.fixed-header #site-logo img {
max-height: 52px;
}
.mobile-menu-bar:before {
font-size: 30px;
}
.mobile-menu-bar {
height: 33px;
width: 33px;
margin-top: 12px;
}
.fixed-header .mobile-menu-bar {
margin-top: 7px;
}
.mobile-menu {
top: 71px;
}
.fixed-header .mobile-menu {
top: 53px;
}
}

@media screen and (max-width: 980px) {
#header-left { width: 100%; }
#secondary-mobile-menu { float: right; }
}

.home #content-sidebar { padding-top: 0; }
.home #content-sidebar .entry-header { display: none; }

[Mahesh]

mrcrm111: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#masthead.fixed-header + #main-wrapper #secondary-menu {
    position: fixed;
    top: 64px;
    width: 100%;
    z-index: 999;
}

Regarsd,
Mahesh

[Chris]

Excellent, works perfectly thank you very much.

[Mahesh]

@mrcrm111: I hope I was able to resolve your issue. Would you mind taking a few minutes to write a review for me please? I’d really love to know what you think of my support.
https://wordpress.org/support/theme/adventurous/reviews/#postform
Your feedback is deeply valued as it will help potential clients read about your experience and also help me improve.

Thank you so much for your help!

Regards,
Mahesh

[Author]

Posts