- This topic has 3 replies, 2 voices, and was last updated 7 years, 3 months ago by
Mahesh.
-
AuthorPosts
-
May 26, 2017 at 4:48 am #116354
Chris
ParticipantI would like my secondary menu to be sticky (fixed) as per the standard scroll behaviour of the primary menu
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; }May 26, 2017 at 7:00 am #116368Mahesh
Participantmrcrm111: 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,
MaheshMay 26, 2017 at 1:23 pm #116391Chris
ParticipantExcellent, works perfectly thank you very much.
May 29, 2017 at 6:59 am #116444Mahesh
Participant@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 -
AuthorPosts
- The topic ‘Sticky Secondard Menu’ is closed to new replies.