Padding

mehwish-ali
Shopify Partner
36 0 6

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

 

Replies 4 (4)

LuffyOnePiece
Shopify Partner
502 75 88

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

PageFly-Amelia
Navigator
286 87 126

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

mehwish-ali
Shopify Partner
36 0 6

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

BSS-TechFusion
Shopify Expert
139 26 15

Hi @mehwish-ali,

You can try the following steps:

 

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

 

view (8).png

 

Step 2: Search for the file base.css

 

view (9).png

 

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!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development