HELP Image Banner Button not working on Dawn Template

Store Design
,
1

I’m working on a dawn template with I’ve added a code to achieve an hero banner slider but the button is not working.

Screenshot 2024-09-29 at 5.42.53 PM.png
Screenshot 2024-09-29 at 5.42.53 PM.png2880×1288 384 KB

Can anyone help me figure out? site link is http://gwapitos.com

This is the code that is added on the slideshow section

.slideshow__controls {

position: absolute !important;

width: 100% !important;

height: 100% !important;

justify-content: space-between !important;

}

.slider-counter {

display: none !important;

}

.slider-button {

background-color: #ffffff5e;

width: 24px !important;

height: 24px !important;

margin: 0px 10px;

z-index: 10;

}

.slider-button svg {

display: block !important;

}

Screenshot 2024-09-29 at 5.45.17 PM.png
Screenshot 2024-09-29 at 5.45.17 PM.png622×1020 78.7 KB

1 Like
2

Hi @king1011108 , I have modified your code a bit. Please replace it.

.slideshow__controls {
    position: absolute !important;
    width: 100% !important;
    top: 45%;
    left: 0;
    justify-content: space-between !important;
    z-index: 10;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: