Covers menu then hides behind it on close

Hello, for displaying your notice-bar below the menu there is an option called ‘Margin from Bottom or Top’ in the newer version of the plugin under ‘Display configurations’. You can switch to newer version of the plugin on the ‘Settings’ page of the plugin.

And for the toggle button issue, if you have ‘Custom css’ section in your theme then just paste the below css codes in that box:

.nb-top-fixed-outer .nb-toggle-outer {
    z-index: 9999 !important;
}

Hope this helps resolving your issue.

Thanks!

Thanks for the response! The custom css definitely worked.

As for the layout of the menu, is there a way for it to display above the menu? More specifically, I’d like the notice-bar to ‘push’ the menu down when it’s open. Is this possible?

Thanks!

Hello,
For that, just paste the below css codes in the custom css section as before. This will bring the menu below the notice bar.

.top-bar {
   margin-top: 56px;
}

Thanks!

Thanks for the help! That definitely works!

However, it would be really nice if toggling the notice bar off didn’t leave a big white space at the top of the site and instead just “pulled” the menu to the top, if you know what I mean.

Is there any way to do that?

Hello,
Please update plugin to version 2.0.4 and replace previous css with following one. This will bring menu below the notice bar and also removes space on the top.

.notice-bar-open .top-bar {
   margin-top: 56px;
}

Thanks

Hi,

I made the changes suggested, but it doesn’t seem to do what is intended. The bar simply overtakes the menu at the top unless it’s toggled. Is there another solution?

Thanks.

Hello,

Please download our beta version from following link:
https://www.dropbox.com/s/cbbzsw010ddo9lb/notice-bar-2.0.4-beta.zip?dl=0

and also keep previous css:

.notice-bar-open .top-bar {
   margin-top: 56px;
}

This must fix you issue.

Thank you!

That worked! Thank you so much!

Hello,

Glad we could help.

Marking this topic as resolved.

Thank you!