Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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>
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:
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025