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

[Ria2L]

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.

[BSS-Commerce]

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.