Shopify themes, liquid, logos, and UX
Hello, I've tried several methods to make my collection list heading appear in the center, but none have worked; could you please assist me?
my store: youbohovibe
password: hamza
Solved! Go to the solution
This is an accepted solution.
Hi @hamza-elkaissi1
This is Victor from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.shopify-section.section.section-collection-list .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
justify-content: center !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Victor | PageFly
This is an accepted solution.
Hello @hamza-elkaissi1
You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>
<style>
.section-collection-list .collection-list-wrapper .title-wrapper-with-link {
justify-content: center;
}
</style>
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
This is an accepted solution.
Hi @hamza-elkaissi1
This is Victor from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.shopify-section.section.section-collection-list .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
justify-content: center !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Victor | PageFly
Hello, because on a desktop computer the title is focused but on mobile phones it is not.
This is an accepted solution.
Hello @hamza-elkaissi1
You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>
<style>
.section-collection-list .collection-list-wrapper .title-wrapper-with-link {
justify-content: center;
}
</style>
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
thank you guys
I am so glad that my suggestion solution can help 😁.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025