What's your biggest current challenge? Have your say in Community Polls along the right column.

Remove top padding on "image with text" elements on mobile only - DAWN THEME

Solved

Remove top padding on "image with text" elements on mobile only - DAWN THEME

andrew72
Excursionist
30 0 7

I am looking to remove top padding from these two sections only on mobile.

 

I don't want it to effect any other image with text elements across the website.

 

https://obadiahcoffee.com/pages/seasonal-subscription

 

 

Screenshot 2024-10-23 at 10.00.39.png

Screenshot 2024-10-23 at 09.59.35.png

Accepted Solution (1)

tim
Shopify Partner
3911 394 1435

This is an accepted solution.

In section settings find "Custom CSS" and paste code like this:

@media screen and (max-width: 749px) {
 .image-with-text__content {
    padding-top: 2rem;
    padding-bottom: 0;
  }
}

 

Will apply only to this section and would look like:

Screenshot 2024-10-23 at 8.52.55 PM.png

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Reply 1 (1)

tim
Shopify Partner
3911 394 1435

This is an accepted solution.

In section settings find "Custom CSS" and paste code like this:

@media screen and (max-width: 749px) {
 .image-with-text__content {
    padding-top: 2rem;
    padding-bottom: 0;
  }
}

 

Will apply only to this section and would look like:

Screenshot 2024-10-23 at 8.52.55 PM.png

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com