Sticky menu bar

The theme wasn’t coded with a sticky (fixed) header, but you could mimic one with a bit of custom CSS

#masthead {
    position: fixed;
    width: 100%;
}

Hum, ok, that solution is “eating” (hidding) a bit of the top of the pages, but I will try to customize it myself.

Thanks for your reply.

I was just checking out your site with the sticky header…is it possible you could post what you did to make it function, including the script portion as well? Seems to work quite well actually and could be part of a future update (i’d of course credit your name in the update for it.

Only thing I noticed was the gap (space) between the nav and the header footer (the grey bar) and found that it’s this:

<div id="menu-barratopo-sticky-wrapper" class="sticky-wrapper" style="height: 56px; margin-bottom: 56px;">

The bottom margin should be removed and then that closes the gap…unless you wanted that?

Hi,

I’m using a plugin specifically for the menu bar, it’s “LowerMedia Sticky.js Menus” (https://www.ads-software.com/plugins/lowermedia-sticky-js-menus/)

And I think that plugin is the responsible for the annoying 56px gap, but I had no time to try to fix the issue.

If you find a solution for the gap issue, just let me know ??

Ah, a plugin…I’m actually surprised that kind of plugin works (for the most part) as many themes are coded differently.

Although I don’t provide support for third party stuff, here is something you can try with some custom CSS:

.sticky-wrapper {margin-bottom: 0 !important}

That’s it!
It’s working fine now.

Once again, many thanks for your help and support.

You’re very welcome ??