A user encountered a z-index layering issue on the Dawn theme where a clickable slideshow block appeared behind collapsible navigation menus (both desktop and mobile). This occurred after implementing custom code to make slideshow images clickable without buttons.
Solution provided:
base.css file in the Assets folder.slideshow-component.slider-mobile-gutter {
z-index: 1;
}
The fix successfully resolved the layering problem by adjusting the z-index property of the slideshow component. Three screenshots were shared demonstrating the issue, and the user confirmed the solution worked.
Hey everyone, I followed the advices from another Q&A on shopify community about making images in slideshow block clickable instead of adding a button, on the DAWN theme.
It is working, yet when in open the collapsible menus on top or on the left (when on mobile) it is behind the slideshow, as if it was in a first layout…
I’m shure it is quit simple to deal with but i am no a coder
Thanks on advance !
Link : https://0e0f82.myshopify.com/
Password : Sonveninshop
Yes we can fix it by editing code of slideshow in theme files. The issue will be of z-index
Hi @GadVenin
Please follow the instructions below to fix the issue
slideshow-component.slider-mobile-gutter {
z-index: 1;
}
Result here:
It’s all fixed !
Thanks a lot 
