Banner href not working

If I set the z-index for my banner then href to correct collection works. But this solution leads to my submenu item going behind the banner.

following code I added to get my slide ( Banner ) to take user to collection on clicking

.slideshow .slideshow__slide > a { position: relative; width: 100%; height: 100%; z-index: 9999; } If I use the above code sub menu items going beyond the banner / slide. I need make both work. #

please share store URL.

Hi @Aadya

We have checked on your query, and we have the solution for you. You just need to use the code below to fix the issue:

  1. Go to Shopify > Online store > theme > customize

  2. Click to Settings > Custom CSS > Paste this code to the section and save.

.banner::after {
    z-index: -1 !important;
}

Here is the result: