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

andrew72 · ‎10-23-2024

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

tim · ‎10-23-2024

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:

If my post is helpful, hit the thumb up button -- 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

tim · ‎10-23-2024

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:

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

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

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

Community Blog Articles