COLLECTION LIST SIZE/HEIGHT ISSUE

Solved
Highlighted
Excursionist
21 0 3

Hey guys!

I was wondering if someone could help me out with this design issue im having on my debut theme. I added a collection list to my home page and the sizing is so wonky. I would love for the images to have no padding between the grid items, and 4 in one row. Also larger in size. The collection items get super small when you adjust the items per row to be larger and is HUGE when the items per row gets larger. 

Id love to have the mobile view layout to be way it looks all the time, on the desktop and mobile.

Ive tried to alter the code myself but ran into some complications.

Website: labelfortytwo.com

Password: tistug

desktop view, so small compared to other graphics on sitedesktop view, so small compared to other graphics on sitemobile view, perfect size and want to keep this look on the mobile version.mobile view, perfect size and want to keep this look on the mobile version.

1 Like
Highlighted
Shopify Partner
8446 1126 2955

Hello, @KK42 

Welcome to the Shopify community!
and Thanks for your Good question.

sorry your password doesn't work can you please check
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
21 0 3

Hey, it should work!

 

Thanks so much 

0 Likes
Highlighted
Astronaut
1142 191 231

This is an accepted solution.

@KK42 

Hey,

I'm a bit lost regarding your question. It would be of greater help to share a website that uses the layout exactly as you wish so we can visualize with clarity what are your requests. 

Depending of how custom you want it, you'll need to hire a Shopify developer.

This code below will remove the padding for the collection items:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.grid .grid__item{
padding: 0 !important
}




◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Excursionist
21 0 3

Thanks! Ive solved the issue! 

0 Likes
Astronaut
1142 191 231

you're welcome, I'm glad I could be of some help. Wishing you a great week

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes