How to add margin or padding to left and right of the product page - impulse theme

Store Design
1

The longer paragraph is my product description

IMG_7192.jpg
IMG_7192.jpg1170×1283 162 KB

and I want it look something like this

IMG_7193.jpg
IMG_7193.jpg1170×461 58.1 KB

2

only change it in mobile mode

3

Hello @lorrnnzo ,

Please share your store URL, product link and password of front view.
So that I will check and let you know the exact solution here.

Best regards.

4

https://urbexmode.com/collections/presets/products/cine-roadtrip-pack

Please view it in mobile mode :slightly_smiling_face: I only wanna change it in mobile mode

Thank you!

5

Hi @lorrnnzo ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media (max-width: 649px) {
    .product-block .rte {
        padding-left: 10px;
        padding-right: 10px;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

6

Hello @lorrnnzo

  1. In your Shopify Admin go to online store => themes => actions => edit code
  2. Find Asset =>theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 767px) {
.product-block .rte {
    padding-left: 15px;
    padding-right: 15px;
}
}

Hope it will help you!

Thanks.