How can I shift the slideshow dots to the right side?

38 0 4


 how do I move the 3 dots on the slideshow to the right hand side as shown in the image this is my store url:

Replies 2 (2)

Shopify Partner
138 32 27

@ti7 please add below code to the component-slider.css file. 



@media screen and (max-width:768px){ {
    position: absolute!important;
    z-index: 9999!important;
    top: 89%;
    right: 5px;


➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me

1075 309 262

Hi @ti7 

This is Henry from PageFly - Landing Page Builder App


You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){

slideshow-component.slider-mobile-gutter {

flex-direction: row !important;

justify-content: flex-end !important;



Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.