Solved

How to make the gapping 0 between images in mobile

Shivam97
Trailblazer
165 0 63

Hi, 

How to make the o gapping between images in mobile.

URL - https://www.portronics.com/collections/new-arrivals/products/portronics-dash

 

 

gapping 0.PNG

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Shivam97 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width:768px){
#shopify-section-single-product-tab .paragraph, p {
    margin: -9px;
}

#shopify-section-single-product-tab .rte ol, #shopify-section-single-product-tab .rte p, #shopify-section-single-product-tab .rte table, #shopify-section-single-product-tab .rte ul {
    margin-bottom: 0px;
}

.collapsible-content__inner.rte br {
    display: none !important;
}

}

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Reply 1 (1)

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Shivam97 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width:768px){
#shopify-section-single-product-tab .paragraph, p {
    margin: -9px;
}

#shopify-section-single-product-tab .rte ol, #shopify-section-single-product-tab .rte p, #shopify-section-single-product-tab .rte table, #shopify-section-single-product-tab .rte ul {
    margin-bottom: 0px;
}

.collapsible-content__inner.rte br {
    display: none !important;
}

}

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app