I am trying to remove the thumbnails slider and arrows from the mobile view of the product page (as shown below).
Also, is it possible to move the product title to the top (in mobile view only), above the main image on the product page? Currently, it is positioned below the main image.
page link: https://testingstoresandthemes.myshopify.com/products/customise-fridgy-600ml-tumbler-grip-range?variant=44597297676533
Theme name: Flex
storefront password: test
Any help is greatly appreciated
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > style.css and paste this at the bottom of the file:
@media (max-width:767px){
.product-gallery__thumbnails.product-gallery__thumbnails--bottom-thumbnails.js-gallery-carousel.is-slide-nav--true.flickity-enabled.is-draggable.flickity-resize {
display: none;
}
.product-gallery .product-gallery__main .flickity-prev-next-button.next {
display: none;
}
.product-gallery .product-gallery__main .flickity-prev-next-button.previous {
display: none;
}
}
1 Like
Thank you so much.
Can we move the product title to the top of the page, above the main product image? It’s currently below the main image.
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > style.css and paste this at the bottom of the file:
@media (max-width:767px){
.product-template .section.is-width-standard {
position: relative;
}
.product-template .product_name.title {
position: absolute;
top: -36px;
}
}
1 Like
Really appreciate all your help..
Any chance you can help me reduce the spacing here, to half of what it is right now ?
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > style.css and paste this at the bottom of the file:
@media (max-width:767px){
.product__images {
margin-bottom: 25px;
}
}
Hello @technase
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.