Banner href not working

Banner href not working

Aadya
Excursionist
24 0 3

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

<style>

.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.
#</style>

Replies 2 (2)

qasim-devloper
Shopify Partner
102 7 17

please share store URL.

- Need a Shopify Specialist? Chat on WhatsApp +923289643774

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

LizHoang
Shopify Partner
467 58 85

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: 

 

LizHoang_0-1734779624339.png

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program