Padding

Store Design
, , , , ,
1

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”

mehwishali_0-1714509565171.png
mehwishali_0-1714509565171.png314×616 58.4 KB

2

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

3

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

4

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

5

Hi @mehwish-ali ,

You can try the following steps:

Step 1: Go to Shopify Admin and click “Edit Code”

view (8).png
view (8).png1283×761 91.6 KB

Step 2: Search for the file base.css

view (9).png
view (9).png1917×915 55.5 KB

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!