Sidebar menu opens automatically and overlaps header on tablet/mobile + hover effects not working

wronka20000

Hi,

I’m having an issue with my Betheme header on tablet and mobile view.

When I resize the screen, a sidebar/off-canvas menu appears automatically — it’s already expanded and overlaps my existing mobile header.

It looks like two menus are being displayed at the same time.

On desktop everything works fine, but on smaller screens the sidebar (mfn-header-tmpl-menu-sidebar) opens by default and covers part of the layout.

My website is: www.spincamp.pl

I’m using a Header Template created in BeBuilder, without any custom CSS or JS related to the menu.

Also, I’m not sure how to make hover effects (color change ) display correctly for the menu items — currently, the links don’t react when hovered.

Could you please advise how to:

1. Prevent the sidebar menu from opening automatically on tablet and mobile, and
2. Make the hover styles for menu items work properly?

Thank you very much for your help!

gdgdf.png

dgfdgdd.png

sdfyt.png