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]

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