Aryy
March 14, 2024, 10:49pm
1
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
Aryy
March 15, 2024, 3:00am
4
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