Problem with slideshow alignment on mobile - Impact Theme

Solved

Problem with slideshow alignment on mobile - Impact Theme

GabrielNoba
Shopify Partner
18 0 1

Capture d’écran, le 2024-07-09 à 13.28.11.pngCapture d’écran, le 2024-07-09 à 13.28.06.png

 

After we arrange the button on the mobile version to get under the images, it seem to have created a new problem. When I had a new image on the slideshow. it doesn't seem to pickup the same propriety.

 

Any advice ? 

https://nobaanimal.myshopify.com/

Thanks 

 

 

Accepted Solutions (2)

BSS-TekLabs
Shopify Partner
556 159 188

This is an accepted solution.

- Here is the solution for you
- Please follow these steps:

step.png

- Then find the base.css file.


- Then add the following code at the end of the file and press 'Save' to save it.

@media only screen and (max-width: 699px) {
.slideshow__slide .prose {
         position: relative !important;
        top: -50px !important;
}
}

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSS-TekLabs
Shopify Partner
556 159 188

This is an accepted solution.

- Here is the result you will achieve:

BSSTekLabs_0-1720626267874.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 2 (2)

BSS-TekLabs
Shopify Partner
556 159 188

This is an accepted solution.

- Here is the solution for you
- Please follow these steps:

step.png

- Then find the base.css file.


- Then add the following code at the end of the file and press 'Save' to save it.

@media only screen and (max-width: 699px) {
.slideshow__slide .prose {
         position: relative !important;
        top: -50px !important;
}
}

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
BSS-TekLabs
Shopify Partner
556 159 188

This is an accepted solution.

- Here is the result you will achieve:

BSSTekLabs_0-1720626267874.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency