How to add 6 columns per row on Empire theme featured collections

Technical Q&A
1
Show More

I’m trying to figure out how to add more than 5 columns per row on the Empire theme featured collection. There is a slider for the number of products, but none for products for row.

Show More

When I add more than 5 products, it goes to the next row. I’ve tried fumbling around with the code, but no luck.

Show More

Thank you.

1 Like
2

@jbtheslider

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

KetanKumar,

It’s theadroitshop.com

I will send the password via a message.

Thank you!

1 Like
4

@jbtheslider

yes, please as you like

5

Hi @jbtheslider ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (min-width: 1280px) {
	.featured-collection__content[data-layout=slideshow] .productgrid--item {
		width: calc(16% - 15px) !important;
	}
}

Hope it helps!

1 Like
6

@jbtheslider

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 1080px) {
.featured-collection__content[data-layout=grid] {
    grid-template-columns: repeat(6,1fr);
}
}
1 Like
7

KetanKumar,

Thank you so very much, Ketan.

That did it!!!

8

LitExtension,

Thank you very much also!

1 Like