Align all products on a single row in desktop using Dawn Theme

Store Design
1

Hello there, I would like to have all the five products aligned on a single row in the section right below the first main homepage banner. Only for the desktop version since I’m using scrolling on mobile which looks great. I’m using the Dawn theme. I understand I need to edit a few simple settings of the product grid? Could anyone please help me out with this? Many thanks! :))

URL: https://www.aperitivo.club/

PSW: buflud

Alex88_0-1642870101572.png
Alex88_0-1642870101572.png1640×664 119 KB

1 Like
2

@Alex-88

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px) {
.product-grid.negative-margin.grid--3-col-tablet .grid__item {
    width: calc(20% - 1rem * 2 / 3) !important;
}
}

see result

KetanKumar_0-1642871659569.png
KetanKumar_0-1642871659569.png1920×1080 294 KB

3

Thanks so much Sir! That worked!

1 Like
4

@Alex-88

its my pleasure to help us