Need to change/add padding

[memahmudhassan]

Problem one: For the phone version, how can i add padding for the featured collection product?

Problem two: For the product page, how can i add padding for the product page main image?

Theme: Prestige

Link one: https://prettycious.com/
Link two: https://prettycious.com/products/i-want-you-to-believe-deep-in-your-heart

[PageFly-Richard · Accepted solution]

 Hi @memahmudhassan 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media (max-width: 767px){
section#shopify-section-template--22717424009532__featured_product_WNiRzp,
section#shopify-section-template--22717424337212__main {
padding: 20px;
}
}
</style>

While reviewing your page to address the issue, I noticed that your product page looks nice, warm, and elegant. However, I have one suggestion to make your store design and brand more unique: Consider to add the Product review to your product section on both pages ( Home and Product )

Adding reviews will make your product more trustworthy.

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[memahmudhassan]

Thanks, it worked!

[iCart_App]

Hello @memahmudhassan,

For Link one: https://prettycious.com/

You can try this code: it might be helpful to you- 

Navigate to the Online Store-> Theme-> Edit code-> Assets> theme.css -> add below the code(bottom).

@media screen and (max-width: 767px) {
#shopify-section-template--22717424009532__featured_product_WNiRzp {
    padding: 20px;
}
}

 Link two: https://prettycious.com/products/i-want-you-to-believe-deep-in-your-heart

You can try this code: it might be helpful to you- 

Navigate to the Online Store-> Theme-> Edit code-> Assets> theme.css -> add below the code(bottom).

.product-gallery[allow-zoom] .product-gallery__media {
    padding: 12px;
}