How to Remove the Top Bar Above the Menu

infog111

Hello,

I am trying to close the gap between the top section of my page and the bottom of the menu bar and get rid of the top bar above the menu (the teal section with the arrows pointing at it). Please see the attached picture.

How would I do this?

Thanks,

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

infog111

The page is online. https://modern-memorials.com/privacy-policy/

Your help is appreciated.

Phil

Try the following CSS code:

#Top_bar{
 top: 0!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

infog111

Great, that removed the top bar. How do we remove the bottom bar?

Phil

I do not see it on your website:

Are you sure that it does not appear only in the builder?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

infog111

Yes, it is showing up on the live website as well.

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

Screenshot_20250225_105644_Chrome.jpg

503.58 KB

Phil

I see it now.

Please go to Betheme -> Theme options -> Header & Subheader -> Header, and change the height value to zero:

Also, set it in Theme options -> Responsive -> Header.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

infog111

Thank you. That worked!