Menu Dropdown links going to image behind it

[cw123]

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! 

[BSS-Commerce · 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.

[cw123]

awesome this worked!  Thanks! 

[BSS-Commerce]

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.

[Morevana]

Thank you so much!

[Derrick1]

Hi, I'm using the "Origin" theme. I've pasted the code in the base.css file at the bottom but it doesn't do anything. Can you help?