Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to remove extra padding under my paragraphs on Mobile View for Dawn Theme

Solved

How to remove extra padding under my paragraphs on Mobile View for Dawn Theme

Verterra
Explorer
63 1 9

Hi, I am trying to tidy up the mobile view of my shopify store.

I noticed that for sections with Image & Text, there is alot of extra space below the text which leads to weird empty blanks on mobile view (but it's fine on desktop). I'm not sure if this is because I put 48px bottom-padding using the customiser, as I wanted some breathing space for desktop view. Anyone know how I can remove the blank space for mobile view without affecting the current layout I've done for desktop? 

Verterra_0-1715791338687.png

 

Thanks!

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 834 908

This is an accepted solution.

Hi @Verterra, Pls insert this code to your file css 

@media only screen and (max-width: 749px) {
    .image-with-text__content {
       padding-bottom: 0 !important;
    }
}

Here is result: 

BssTechVenture_0-1715791789092.png

Hope this can help you

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

BSSCommerce-HDL
Shopify Partner
2305 834 908

This is an accepted solution.

Hi @Verterra, Pls insert this code to your file css 

@media only screen and (max-width: 749px) {
    .image-with-text__content {
       padding-bottom: 0 !important;
    }
}

Here is result: 

BssTechVenture_0-1715791789092.png

Hope this can help you

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Verterra
Explorer
63 1 9

Hi, This worked like a charm! Thank you 🙂