Shopify themes, liquid, logos, and UX
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.
User | RANK |
---|---|
73 | |
62 | |
60 | |
48 | |
44 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023