How to fix logo bleeding and row issues in Impulse mega menu layout?

I am having a few issues with my mega menu:

https://lpqqsbiwwsrf10qx-41923084453.shopifypreview.com

Under the ‘baby’ header the logo is bleeding onto menu and also is there a way of moving keeping everything in 1 ‘row’. See screenshot

Thanks in advance for any help.

Hi @Ria2L

  • Problem 1: Logo overlaps the menu

You can do it in the following way

  • Step 1:

  • Step 2: Find the theme.css or theme.scss.liquid file and copy this code below the file:
#SiteHeader > div.page-width > div > div.header-item.header-item--navigation.text-center > ul > li.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown.site-nav--is-megamenu > div {
   z-index:9;
}
  • Problem 2: We think that because the width is not enough, they can’t be on the same row. We visited to your storefront and checked, it seems you have hidden those 2 columns.

We hope this can help you solve the issue.