I am having this issue where whenever I hover the mouse over the menu item, the whole menu is moved up. How can I fix this…? Please see the pictures below.
Hi @1cando1t
Can you please share store URL?
Hello,
Yes of course, please see below:
https://gaboo-clothing.myshopify.com/
Hi @1cando1t
You can follow the following steps:
- Please remove the width from the html.
- Please go to the Online Store.
- Then Edit Code.
- Please find the theme.liquid file.
- Please add code before closing the tag tag.
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
1 Like
Thank you very much this worked perfectly, I also forgot to mention another thing if you could please guide me, how do I align the contents with the menu option, as you can see they are aligned in the far left which is very eye catching in a bad way.
Please use this css
Actually you using mega menu you have to add the more menus to look like attractive.
If don’t want to use more menus then, you can make these as simple menu not mega menu.
If this solution is worked, then please Like this and Mark this as accepted solution!
Ladd
1 Like
I did not want to change the color so I only used the
div.mega-menu__content { margin-top: 4% !important;
part.
Thank you for your support and all the best!