My 'featured collections' on homepage are being cut off on the left in mobile view

[user2096]

We use the timber theme. Our website is www.drivercam.co.nz

Recently we have found that our featured collections are being cut off on the left hand side when viewed on mobile.

What code can I use to correct this?

[tim_1]

Paste this code into “Theme settings” => “Custom CSS” in Customize:

main > .grid-uniform {
  margin-left: 0;
}

[suyash1]

please add this css to the very end of your timber.css file and check

shopify admin->online store->themes->edit theme code->assets->timber.css

@media screen and (max-width:749px){
.grid-uniform{margin-left: 0;}
}

[bevisgibson]

add this css code in your theme customize > theme settings > custom css or directly inside your base.css file:

@media only screen and (max-width: 479px) {
  .grid, .grid-uniform {
    margin-left: -15px;
  }
  .grid__item {
    padding-left: 15px;
  }
}

but recommend page builder i’m using ecomposer making auto mobile responsiveness, relieve more

[Dan-From-Ryviu]

@user2096

www.drivercam.co.nz

Please add this code to Custom CSS of that section

.grid-uniform { margin-left: -15px; }

Best regards,
Dan from Ryviu: Product Reviews App

[user2096]

@bevisgibson

@media only screen and (max-width: 479px) {
  .grid, .grid-uniform {
    margin-left: -15px;
  }
  .grid__item {
    padding-left: 15px;
  }
}

Thank you very much for taking the time to assist

[user2096]

Thank you very much for taking the time to assist, this worked so appreciated. Have a great day

[user2096]

Thank you very much for taking the time to assist

[Dan-From-Ryviu]

You are almost welcome!