Help with mega menu problem

Store Design
,
1

Hi, I’m having a problem with the categories of my website. when I click on “beauty” for example. if you see the picture you’ll understand the problem. yesterday everything was okay. maybe I touched something I dunno. :sweat_smile: Sorry for the photo quality

WhatsApp Image 2024-06-27 at 10.26.55.jpeg
WhatsApp Image 2024-06-27 at 10.26.55.jpeg2048×1536 374 KB

2

Hello @vivvy1522 , This is a CSS problem. it is getting left:0; the property of that div. Please follow the steps below.

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your “section-header.css” CSS file.
  5. Find below CSS and a new CSS.
.site-nav.style--classic .submenu {
    background: transparent;
    position: absolute;
    left: 0; /* remove or comment CSS line */
    left: unset; /* add this new CSS line */
    opacity: 0;
    visibility: hidden;
    transition: opacity .1s linear 40ms, visibility .1s linear 40ms;
    padding-top: calc(var(--header-vertical-space) / 2);
    margin-top: .0625rem;
}

See the output below,

Darshanp712_0-1719478083177.png
Darshanp712_0-1719478083177.png1472×955 211 KB

Feel free to reach out if you have any questions or need assistance.
Best regards,
Darshan.

3

Thank you so much! now it’s solved :heart_eyes:

4

Hello @vivvy1522 ,

Please follow this tutorial.

Thanks!