Solved

I Want To Center The Collection list heading In DAWN Theme

hamza-elkaissi1
Explorer
58 2 8

 

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

ScreenShot_20230201010444.png

 

 

Accepted Solutions (2)

PageFly-Victor
Shopify Partner
7865 1785 3067

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

View solution in original post

GemPages
Shopify Partner
5589 1261 1218

This is an accepted solution.

Hello @hamza-elkaissi1 

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1675215272367.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1675215308533.png

 <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

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 5 (5)

PageFly-Victor
Shopify Partner
7865 1785 3067

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

ACCESORIOS
Tourist
9 0 3

Hello, because on a desktop computer the title is focused but on mobile phones it is not.

GemPages
Shopify Partner
5589 1261 1218

This is an accepted solution.

Hello @hamza-elkaissi1 

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1675215272367.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1675215308533.png

 <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

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

hamza-elkaissi1
Explorer
58 2 8

thank you guys

 

 

GemPages
Shopify Partner
5589 1261 1218

I am so glad that my suggestion solution can help 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center