Solved

Center collection description DAWN theme

1KNDclothing
Tourist
24 0 2

Hello everyone, I'm finding that this has been answered before for different themes, but as a newbie, I'm still struggling to get this to work.

 

I can center it within the collection text box but I can't center it on the actual page.

 

Please help.

Screenshot 2023-01-31 at 07.55.32.png

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

Hey @1KNDclothing 

Please add the following code at the bottom of your css,

@media screen and (min-width: 750px){
.collection-hero__description {
    max-width: 100% !important;
    text-align: center;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
3689 930 1161

Hey @1KNDclothing 
Can you share your store URL?

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
1KNDclothing
Tourist
24 0 2
dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

Hey @1KNDclothing 

Please add the following code at the bottom of your css,

@media screen and (min-width: 750px){
.collection-hero__description {
    max-width: 100% !important;
    text-align: center;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
1KNDclothing
Tourist
24 0 2

worked perfectly, thank you so much

bragabags
Visitor
2 0 0

Hi! This code worked great for altering the desktop version of my site, but the mobile version remains the same. How can I apply these changes to mobile as well?