Making the top bar menu sticky: A how-to post

Warning: Attempt to read property "supported_until" on string in /home/skattf/public_html/wp-content/themes/helpdesk/core/libraries/vendors/bbpress/init.php on line 170

Warning: range(): Argument #1 ($start) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 657

Warning: range(): Argument #2 ($end) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 657

Warning: range(): Argument #1 ($start) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 658

Warning: range(): Argument #2 ($end) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 658

This topic has 1 reply, 2 voices, and was last updated 10 years ago by skat.

Viewing 2 posts - 1 through 2 (of 2 total)

Save

Author

Posts
May 20, 2016 at 12:49 am #11317
Warning: range(): Argument #1 ($start) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 657

Warning: range(): Argument #2 ($end) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 657

Warning: range(): Argument #1 ($start) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 658

Warning: range(): Argument #2 ($end) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 658
cari313
Warning: Attempt to read property "supported_until" on string in /home/skattf/public_html/wp-content/themes/helpdesk/core/libraries/vendors/bbpress/init.php on line 109
I’ve seen others ask about this so thought I’d share what I did. Add the section below to your custom CSS in “Theme Options”.
```
/*  This section makes the top bar menu sticky */
.sd-header-top {
    position: fixed;
    z-index: 999;
}
.container.sd-logo-menu {
    margin-top: 50px;
}
    
@media (max-width: 767px) {
.sd-header-social {
    float: left;
    text-align: left;
    top: -5px;
    position: absolute;}
.sd-header-top .container {
    padding-bottom: 15px;}
}
/* End sticky top bar menu section */
```
Next, change the “Responsive Break Point” from 992px to 767px in Mega Menu > Menu Themes > Top Bar Menu. This will eliminate the intermediate-sized menu that wasn’t working well for me. If you have a lot of main menu headings, you may want to take another approach.

This does flip the location of the menu and social icons when moving from full size to mobile but that fits better for typical (right-handed) usage expectations IMO.
May 20, 2016 at 11:06 pm #11324

Warning: range(): Argument #1 ($start) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 657

Warning: range(): Argument #2 ($end) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 657

Warning: range(): Argument #1 ($start) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 658

Warning: range(): Argument #2 ($end) must be a single byte, subsequent bytes are ignored in /home/skattf/public_html/wp-content/plugins/buddypress-first-letter-avatar/buddypress-first-letter-avatar.php on line 658
skat
Warning: Attempt to read property "supported_until" on string in /home/skattf/public_html/wp-content/themes/helpdesk/core/libraries/vendors/bbpress/init.php on line 109

Hey,

Thanks for this helpful how to. I’ll check it out and maybe I’ll add this in the next update.

Cheers!
Chris
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

Save

You must be logged in to reply to this topic.

Support Forum