Product at top of page in grid list main collection- shopify debut theme

Store Design
1

Hi,

I’d like to have grid view instead of list view when people click the ‘view all’ button on the homepage but the grid view has one product at the top with misaligned text.

How can I make this so I have no single product at the top but that they are all part of the grid view?

Thanks!

website is https://www.theofficialmusicboxcompany.com/

Screenshot 2024-10-02 at 10.30.31.png
Screenshot 2024-10-02 at 10.30.31.png1481×916 131 KB

1 Like
2

Hi @Tilde

Is this solve? This is on my end.

Made4uoRibe_0-1727863728089.png
Made4uoRibe_0-1727863728089.png1026×594 43.1 KB

3

Hi, noI have it as a list view temporarily until the issue with grid view is fixed. See my screenshot in the original post- I’d like to have my products as grid view but without the single product at the top-. Thanks!

4

Can you change it on the same image you posted so I can check out the cause? Thanks!

5

Ok, changed it to grid now!

6

Could you let me know if you’ve managed to have a look? Much appreciated!

7

HI, I just check it now. The first product is not included in the list of product the design is look like a banner first then the list.

Check this one out.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (min-width: 909px){
ul.grid.grid--uniform.grid--view-items\>.\

And save.

Result:

![Made4uoRibe_0-1727952945256.png|1264x581](upload://rAhND2Qb2nAEg9k0BsAy1O6xLcM.png)

If you don't mind me asking, what are you using? Is it Fireflies, a third-party Shopify theme?

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
8

Hi, It’s the Shopify Debut theme. I’ve copied and pasted the code into the theme.css file but it doesn’t seem to have made a change?

9

Hi, it doesn’t seem to be working- we have a big launch tomorrow and I’m just concerned that the site looks a bit unprofessional like this. Would really appreciate your input.

It’s the Shopify Debut theme. I’ve copied and pasted the code into the theme.css file but it doesn’t seem to have made a change?

10

Can you add on the other file.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
11

this has worked- thank you so much!!!

12

Welcome! Would you mind hitting ‘like’ as well? Thanks! I hope I’m not late to your store launch today. Wishing you a successful and exciting launch!

1 Like