Minion Theme: Mega menu is cutting off my logo when it opens

Store Design
, ,
1

Hi,

My mega menu is cutting off the logo in the header after it drops down. Can anyone tell me how to fix this?

This is my site: https://petbayaus.myshopify.com/

And the password is otseaz

Thanks!

2

Hello @Slice_agency ,

Edit base.css under Assets and add this css at he bottom

.megamenu-container {
    top: 112px !important;
}

Thanks

3

Hi, Please follow these steps to fix this issue.

On your current theme click on … dots
Click on edit code
Expand Assets folder
Find component-menu-submenu.css
press ctrl+f to find .megamenu-container
replace the whole class with this code

.megamenu-container{
  position: absolute;
  top: auto;
  left:0;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
  z-index: 10;
  margin-top:50px;
}

Thanks

4

Hello @Slice_agency

Try this code: it will be helpful -

Go to the online store>theme>Assets>Component-menu-submenu.css>Add code in this file.

.megamenu-container {
    margin-top: 2rem !important;
}
5

Hi @Slice_agency .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

.megamenu-container{
top: 100px !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly

6

Thank you that worked perfectly :slightly_smiling_face: