How can I fix that the logo is cut off in the header when mega menu drops down? | Envy Theme

Store Design
1

Hi,

I need some help with the mega menu that is cutting of the logo in the header after it drops down. Anybody have an idea how to fix this?

And my second question is does anyone have good documentation how to integrate external language switcher from Weglot in the header next to the other icons? I tried a lot but nothing seems to work. Obviously

I made a visual for your reference as seen below. (store url and password included)

Thank you for your help!

MoodstreetPetit (1).png
MoodstreetPetit (1).png1920×1080 153 KB

2

Hi @Teddy9

To fix the logo problem, please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme-index.min.css
  3. Paste the code below at the very bottom of the file.
@media only screen and (min-width: 950px) {
ul.dropdown-menu.dropdown-menu--mega {
margin-top: 95px !important;
}
}

Unfortunately, for Weglot integration, you have to ask the app support instead.

3

You are the best! It worked! as for the Weglot app I understand and I will contact them.

Thanks again for your excellent assistance! Here the result and proof that it worked.

fixed.png
fixed.png1287×555 204 KB

4

Hi @made4Uo ,

I just noticed that you need to click the menu item to keep the menu unfolded. If you just hover over you won’t be able to reach the options below because as soon as you leave the menu header item the menu folds back in. How do I make it so that even when hovering it stays unfolded?

5

Hi @Teddy9 ,

Sorry about that. Please add the code below also.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme-index.min.css
  3. Paste the code below at the very bottom of the file.
a.dropdown-envy-toggle.alt-focus.header-link::after {
    content: "";
    width: 100px;
    height: 65px;
    position: absolute;
    z-index: -1;
    top: 30px;
}
6

No sorry needed at all! Done! Works like charm! Thank you!