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:
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024