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

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

1 Like

@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

Thanks so much Sir! That worked!

1 Like

@Alex-88

its my pleasure to help us