Problem with slideshow alignment on mobile - Impact Theme

Solved

Problem with slideshow alignment on mobile - Impact Theme

GabrielNoba
Shopify Partner
34 0 6

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
2401 695 831

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 831

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

BSS-TekLabs
Shopify Partner
2401 695 831

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
BSS-TekLabs
Shopify Partner
2401 695 831

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now