Mobile optimization. Reduce padding. Minimal theme.

Highlighted
New Member
9 0 0

Hi, I would like to optimize my site for mobile viewing. Desktop is OK, mobile has too much spacing/padding. I've tried all the codes on here with no luck so far.

 

Desktop view:

 

headdesktop.jpg

 

Mobile view:


iamgesmobile.jpg

headmobile.jpg

 

 

Any advice would be great.

 

Thanks,

Michael.

 

0 Likes
Highlighted
Shopify Partner
262 26 40

Hi, @MikeyD:

Add this code at the bottom of your CSS file

@media screen and (max-width: 768px){
  .index-section .grid-link__image{
    height: 210px !important;
  }
  .index-section .grid-link{
    padding-bottom: 0;
  }
}

 

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
New Member
9 0 0

Thanks a lot for the reply that tightened things up a bit!

0 Likes