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

ti7
Excursionist
38 0 4

IMG_4110.jpeg

 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: https://uo1oiiyhyg6lhb4w-79986622787.shopifypreview.com

Replies 2 (2)

Zeel-prajapatii
Shopify Partner
138 32 27

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

 

 

@media screen and (max-width:768px){
.slideshow__controls.slider-buttons.no-js-hidden {
    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

PageFly-Henry
Astronaut
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.