Shopify themes, liquid, logos, and UX
Hello. I'm trying to figure out how to center the title for featured collection because it works on desktop but doesn't center on mobile. If anyone could help that would be great thank you!
Solved! Go to the solution
This is an accepted solution.
Hello @tmitch
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
.title-wrapper h2 {
text-align: center !important;
}
}
</style>
Hi, @tmitch.
Kindly share your store URL and password.
And Apply these Codes.
.collection__title.title-wrapper {
text-align: center !important;
}
If I managed to help you then, don't forget to Like it and Mark it as Solution!
This is an accepted solution.
Hello @tmitch
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
.title-wrapper h2 {
text-align: center !important;
}
}
</style>
Thank you so much! This worked perfectly 😁
Welcome 😁
Thank you for sharing this! I just tried it and it worked. Would you know of a code that does the same thing with the featured collection's description on mobile? Now my heading is centred but the description is still on the left.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024