Remove the thumbnails for the product picture on dawn for mobile view

Solved

Remove the thumbnails for the product picture on dawn for mobile view

GeeMan88
Excursionist
29 0 6

Hi guys, is there a way to remove the thumbnail pictures from under the product picture in dawn theme for the mobile view?

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2350 701 826

This is an accepted solution.

- Here is the solution for you @GeeMan88 
- 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 only screen and (max-width: 600px) {
.thumbnail-slider.slider-mobile-gutter {
    display: none !important;
}
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1725776911178.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

Replies 4 (4)

mOONbOOTS
Explorer
62 6 8

Yes! When you're on the product page, click on the "Product Information" section under "Template," and then scroll down until you see "Mobile layout." Click on the box below that and click "Hide thumbnails."

BSS-TekLabs
Shopify Partner
2350 701 826

This is an accepted solution.

- Here is the solution for you @GeeMan88 
- 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 only screen and (max-width: 600px) {
.thumbnail-slider.slider-mobile-gutter {
    display: none !important;
}
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1725776911178.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
GeeMan88
Excursionist
29 0 6

Thank you so much! That worked perfectly!

BSS-TekLabs
Shopify Partner
2350 701 826

Glad to help you. Have a good day.

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