Change Position of Pause/Play Slideshow Buttons - DAWN Theme

Solved

Change Position of Pause/Play Slideshow Buttons - DAWN Theme

blwalsh21
Excursionist
15 1 2

Hi, I would like to change the position of my Slideshow Button Widget on the mobile view of my store. As of now, there is a large white space underneath my landing page slideshow. I would like to remove this and push the Slideshow Button Widget up so that it sits flush right underneath the slideshow as it does on the desktop. Below are images of both the mobile and desktop version of my store. 

 

URL: https://wyenewyork.com/

 

Mobile 

Screenshot 2024-09-11 at 5.05.44 PM.png

 

Desktop

Screenshot 2024-09-11 at 6.02.04 PM.png

 

Thank you very much! 

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2350 701 826

This is an accepted solution.

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
@media screen and (max-width: 749px) {
    .banner--mobile-bottom:not(.banner--stacked) .banner__content {
        display: none !important;
    }
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1726071066016.png

 

- 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

Reply 1 (1)

BSS-TekLabs
Shopify Partner
2350 701 826

This is an accepted solution.

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
@media screen and (max-width: 749px) {
    .banner--mobile-bottom:not(.banner--stacked) .banner__content {
        display: none !important;
    }
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1726071066016.png

 

- 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