How to align this text in center of page?

Solved
Highlighted
Explorer
167 2 8

Hi,

I'm having troubles aligning this text in the center of the page:

 

Naamloos.png

My website url is: https://smartsnutrition.myshopify.com/ and password is: plazay

 

Hope someone can help..

0 Likes
Highlighted
Shopify Partner
1023 214 464

@NielsSchutte 

 

Go to the Assets > theme.scss.liquid file and add following code at the end of file:

.section-header h2.h1.section-header--left {
    width: 100%;
    display: table-row;
    text-align: center;
}

Cheers,

Tejas

 

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
Explorer
167 2 8

Hi @Tejas_Nadpara ,

Thank you so much for your reply. This code works on desktop, do you have the css for mobile aswell? Also for mobile can you make the text "Bekijk alle categorieen" in center aswell? This does not have to be applied for desktop. See image:

Naamloos.png

Thank you!

0 Likes
Highlighted
Explorer
167 2 8

@Tejas_Nadpara ? Still trying, unable to do it myself..

0 Likes
Highlighted
Shopify Partner
1023 214 464

This is an accepted solution.

@NielsSchutte 

 

Again add following css:

.section-header h2.h1.section-header--left{
display:block;
}

Thank you,

Tejas

 

 

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Explorer
167 2 8

Truly amazing! Thanks! You might have a solution for this problem to?:

https://community.shopify.com/c/Technical-Q-A/How-to-show-3-collection-items-on-desktop-and-4-on-mob...

0 Likes