How do I move a button on a slideshow section but only for a specific slide? Dawn Theme

So I am using Dawn Theme, I actually figured out how to move the button on a specific slide using this code:

@media only screen and (min-width: 768px) {

#Slide-template–15169318551598__slideshow_YMPTHT-2 .button {

position: absolute !important;

left: -63% !important; /* Move button to the left on desktop */

transform: translateX(-50%) !important; /* Center the button horizontally on desktop */

bottom: 180px !important; /* Adjust vertical position */

}

}

/* Apply mobile-specific styles (screen width below 768px) */

@media only screen and (max-width: 767px) {

#Slide-template–15169318551598__slideshow_YMPTHT-2 .button {

position: absolute !important;

left: 50% !important; /* Center button horizontally on mobile */

transform: translateX(-50%) !important; /* Center the button */

bottom: 20px !important; /* Adjust vertical position */

}

}

Problem is when I shrink it down to size, minimize my window the button goes to the left & doesn’t stay centered to where I want it in-between sizes the mobile is perfect. My computer size is perfect but any smaller the button moves.

Hi Joindm

To address this issue, you can refer to the code in this link: https://www.w3schools.com/cssref/css3_pr_justify-content.php

If you have further questions, don’t hesitate to contact us

Best Regards,

Melody