Solved

Menu Dropdown links going to image behind it

cw123
Visitor
2 0 0

Hi, looks like my menu dropdown is going to the hero image banner link behind it on the homepage. The first link in the submenu that is not over the hero image behind it works, but the links below do not work. 

The issue seems to only be on the homepage as the links are accessible from the other product pages. 

 

https://www.greatgiftandpaper.com/

 

Thanks! 

Accepted Solution (1)

BSS-Commerce
Shopify Expert
3465 459 515

This is an accepted solution.

Hi @cw123 

The problem with the menu link is broken because the image below the menu is above the submenu.

You can do it my way.

Go to edit code >> file section-image-banner.css and then find the code below:

.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height: auto;
}

then replace them with the following code (add z-index: 0);

.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height: auto;
  z-index: 0;
}

We hope our suggestion can help you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 4 (4)

BSS-Commerce
Shopify Expert
3465 459 515

This is an accepted solution.

Hi @cw123 

The problem with the menu link is broken because the image below the menu is above the submenu.

You can do it my way.

Go to edit code >> file section-image-banner.css and then find the code below:

.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height: auto;
}

then replace them with the following code (add z-index: 0);

.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height: auto;
  z-index: 0;
}

We hope our suggestion can help you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

cw123
Visitor
2 0 0

awesome this worked!  Thanks! 

BSS-Commerce
Shopify Expert
3465 459 515

Hi @cw123 

We're happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.
Thanks in advance.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Morevana
Visitor
1 0 0

Thank you so much!