Broken Header: Main menu is vertical and categories break on hover

Hello,

I am facing two critical header layout issues on desktop view at the same time:

1. The main navigation menu (Accueil, Boutique, Contactez-nous) is completely broken. Instead of displaying horizontally in its row, it renders as a vertical list and shifts upward, directly overlapping the product search bar.

2. At the same time, the categories menu has an alignment issue. On hover, the category items (like “Climatisation & CVC”) jump out of their vertical container and align horizontally next to other items instead of stacking vertically in a clean column list.

The entire header structure and alignment are broken on the live site. I have already cleared the Elementor CSS cache and disabled LiteSpeed performance settings, but the layout remains broken.

Could you please inspect my website or provide the proper CSS fixes to restore the correct layout for both menus?

Thank you for your help.

Attachments:

You must be logged in to view attached files.

Hello,

I have checked your website.

Regarding the main navigation menu, I don’t see the issue you described. Currently, the primary navigation menu is not displayed in the header. Instead, the header is showing the hamburger menu, which appears to be working normally.

For the categories menu, I also checked the hover behavior, and the category items are displaying correctly in a vertical list. I could not reproduce the issue where the items align horizontally.

See Screenshot for Clarification: https://postimg.cc/KkQJKvSS

Best Regards

Thank you for checking.

Please note that since this is a live production website, I had to temporarily switch the header to “Mobile Menu” layout so my customers wouldn’t see the broken, overlapping design. This is why you cannot see the issue on the live site right now.

However, the problem is 100% real when the Desktop Main Menu is active. Please look closely at the screenshots I provided in my previous message: they show exactly how the main menu displays vertically over the search bar, and how the categories menu breaks horizontally on hover.

I want my desktop header to display a normal horizontal main menu and a functional vertical categories navigation menu.

Update: I have just switched the header layout back to the broken desktop mode.

You can now visit my live website and inspect the code to see both bugs .

Please let me know what needs to be fixed. Thank you!

Attachments:

You must be logged in to view attached files.

[Author]

Posts