Mega menu layout - Impulse

Ria2L
New Member
1 0 0

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

 

Screenshot 2023-03-25 at 13.16.20.png

Thanks in advance for any help.

Reply 1 (1)
BSS-Commerce
Shopify Expert
2040 284 278

Hi @Ria2L 

- Problem 1: Logo overlaps the menu

You can do it in the following way

+ Step 1:

view - 2023-03-27T174118.578.png

+ 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.

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development | Shopify Customization Services
Install B2B & B2C apps to accelerate sales