Refresh Theme - Modify H1 from homepage

[Edgard22]

Hi, 

my website is : www.brasebreizh.fr 

I would like to modify my H1 from homepage 

Actually, the H1 is like that 

But I would like to modify it in order to have 2 lines (centered) like under : 

Brase Breizh

L'authentique Braséro Breton

Thanks a lot 🙂 

[BSSCommerce-HDL · Accepted solution]

Hi @Edgard22, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

.collection-list-wrapper .title-wrapper-with-link {
    width: 700px !important;
    text-align: center !important;
    margin: 0 auto !important;
}

Here is result: 

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Edgard22]

It works perfectly ! thanks a lot ! 

[Edgard22]

Sorry, it's not working on mobile version

do you have an idea?

[BSSCommerce-HDL]

Hi @Edgard22, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

@media (max-width: 768px) {
   .collection-list-wrapper .title-wrapper-with-link h2 {
    font-size: 22px !important;
   }
}

Here is result: 

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍