Center collections on homepage - Debut theme

Solved
Tourist
12 0 0

Hello, 

 

I have 3 collections lists on my homepage:

 

Best Seller - 1 collection

Iphone Cases - 2 collections

Airpod Cases - 2 collections

 

In desktop view they are all aligned to the left, is it possible to center them for a more aesthetic look?

 

Link to my store - vegancases.com

 

 

Thanks! :)

0 Likes

Success.

Shopify Partner
1129 90 138

Hi @,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

ul.grid.grid--uniform {
justify-content: center;
display: flex;
}

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

ul.grid.grid--uniform {
justify-content: center!important;
display: flex;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
12 0 0

Thank you so much!!

 

It's looking good right now! :D

0 Likes
Tourist
12 0 0

Hello again, 

 

The collection lists were centered in the homepage with the code you gave, however I noticed this happened  to products display inside the collections..Screenshot_2019-12-23-07-21-01-488_com.android.chrome.png

The products are all tiny and in a row, not very practical on mobile view.

 

Is there any way to fix this while keeping the collections lists centered in the homepage?

 

 

Thanks!

0 Likes