DAWN THEME: How do i fix the padding on mobile view only?

DAWN THEME: How do i fix the padding on mobile view only? I like how my desktop view looks but for mobile, the heading and body of things seem to condense, i would like for the writing to be spreaded out a bit more and aligned better if that make sense.

MY SITE: https://gbewgxobnnlx8xdc-75762794798.shopifypreview.com

Hi @Aryy

You can do that by using this code below, please add it to your Online Store > Themes > Edit code > open theme.liquid file, add code after


1 Like

Hi @Aryy

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

div#ImageWithText–template–22364026601774__image_with_text_89MFDR {

padding: 40px 0 0 0 !important;

text-align: center !important;

display: flex !important;

align-items: center !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Thank you this did it ! I also would like to know how would I do the same for the image with banner section

Hi, please update the code


1 Like

thanks again!!

1 Like