Help I have problem with collection List

Help I have problem with collection List

OLIV1
Explorer
60 1 16

ne 

I need help for my collection List At the bottom 

It appear on the left and I want it to be in the middle 

How can I adjust that Please 

Website : www.oscarliving.co.id

Theme : Empire II.1.3

 

Here is what it look like Now

Screenshot 2025-04-30 at 9.48.08 PM.png

Please help

OLV
Reply 1 (1)

Made4uo-Ribe
Shopify Partner
10203 2423 3069

Hi @OLIV1 

Check this one. 

  • 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 </body> tag and paste the code below before the tag. 
<style>
@media only screen and (max-width: 859px){
.collection-list__content {
    grid-template-columns: repeat(5, minmax(auto, 1fr)) !important;
}
}
@media only screen and (max-width: 600px){
.collection-list__content {
    display: flex !important;
}
}
</style>
  • And Save. 
  • Result:
  • Made4uoRibe_0-1746037499856.png

     

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.