Center slideshow dots - DEBUT theme

[MiltonM]

Hello, 

I am using the Debut theme.

How do I center the 3 dots at the bottom on MOBILE view and on Desktop view.

My mobile view currently looks like this, The dots are on the side, would like it centered, also on desktop mode it is also a bit on the side. Thanks

 

[Pallavi]

Hello There,

Please share your store URL.
So that I will check and let you know the exact solution here.

[MiltonM]

https://www-lifestylemealprep-com-au.myshopify.com/ 

I have emailed you the password

[Pallavi · Accepted solution]

Hello There,

add code assets/theme.scss.liquid bottom of the file

@_media only screen and (max-width:746px) {
ul.slick-dots {
position: absolute!important;
bottom: 20px!important;
display: block!important;
width: 100%!important;
margin: 0!important;
list-style: none!important;
text-align: center!important;
}
}

Thanks!

[MiltonM]

Hello,

Thank you for the code, works perfeclty for mobile however, it is not centre on desktop. Can you give me the code to center the desktop version

[Pallavi]

Hello There,

add code assets/theme.scss.liquid bottom of the file

.slideshow__arrows{
bottom: 20px!important;
width: auto!important;
margin: 0!important;
list-style: none!important;
text-align: center!important;
}

Thanks!