Category number per row

Hi Christopher Lord,

Try this:

1). Go your style.css file.

2). Find for  ".blocks-item ".

3). Decrease the flex-property:   flex: 1 0 340px to 1 0 180px.

4). See the customization I'm doing - flex: 1 0 180px for 5 categories in a row.

5). Change flex property - flex: 1 0 240px for 4 categories in a row.

6). Currently -  flex: 1 0 340px.

Thanks

Team

@ifra Thank you so much for that information! I'll try that!

@ifra that worked well, so thank you for that suggestion! Another question I had for you, or someone else, is how to spread out the category blocks more. Is there a way to have the categories more spread out so that they occupy more of the blank space to the right and the left of the categories? In the attached picture, the space next to the categories is empty on my screen (1080p), shown as the black line around the picture.

Can you share the public URL of your HC, so I can share the exact solution?

@ifra thanks for asking. Unfortunately, as of now the site isn't public, and requires registration to utilize. 

Okay, try - flex: 1 0 230px

or add the snippet at the bottom area:

@media (max-width: 1080px) {
  .blocks-item {
      flex: 1 0 280px;
  }
}

But, I think it's because of your container width.

Thanks