Padding

[mehwish-ali]

hi, i am using dawn theme. i want to add space between image and heading (padding) only on mobile view please help 

https://4b1e5b-36.myshopify.com/?_ab=0&_fd=0&_sc=1

password: "niecum"

[LuffyOnePiece]

Hi @mehwish-ali ,

Add below css to base.css file.

@media screen and (max-width: 750px) {
h2.image-with-text__heading.inline-richtext.h1 {
    margin-top: 14px;
}
}

Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[PageFly-Amelia]

Hello @mehwish-ali 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.image-with-text__grid {
   gap: 20px; /* You can change the value of 20px to the value you want */
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[mehwish-ali]

it is not working. i want to change on mobile view for all image with text sections

[BSSCommerce-B2B]

Hi @mehwish-ali,

You can try the following steps:

Step 1: Go to Shopify Admin and click "Edit Code"

Step 2: Search for the file base.css

Step 3: Add the code below to the file base.css.

@media screen and (max-width: 750px) {
 image-with-text__heading.inline-richtext.h1 {
    margin-top: 20px;
 }
}

I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!