Change padding on mobile

Tourist
25 0 0

I do not know how to code, I have very limited knowledge and I've just spent all evening recreating my site as I messed up a file trying to achieve something simple! So if anyone has any solutions, please could you explain gently. :)

 

I'm happy with the padding and margins on desktop mode, but it looks terrible on mobile. Screenshot below. How do I make spacing all the same height for mobile devices? Thanks in advance!

 

Minimal Theme

Shop name www.rainandpaper.com

Screenshot: Untitled-2.jpg

0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (min-device-width: 480px){
.grid-link{
     padding-bottom: 0px!important; 
    }
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
665 170 199

Hi, @rainandpaper ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.grid-uniform .grid-link__image {
    height: 100%!important;
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
25 0 0

@oscprofessional wrote:

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (min-device-width: 480px){
.grid-link{
     padding-bottom: 0px!important; 
    }
}


Thank you! That seems to work, apart from one issue. I can't seem to reduce the padding between the two separate sections

 

Untitled-4.jpg

0 Likes