Minimal theme - Center collection title

Solved
AiluSwim
Tourist
17 0 1

Hi there,

I'd like to place the collection title 'Tops' in the center of the page so under where it says (Home > Tops)Screen Shot 2020-10-05 at 10.04.10 pm.png

 

0 Likes

Hello AiluSwim,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
dmwwebartisan
Shopify Partner
5699 1303 1669

@AiluSwim 

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
AiluSwim
Tourist
17 0 1

www.ailuswim.com/

password: hello

Many thanks!

0 Likes
AiluSwim
Tourist
17 0 1

www.ailuswim.com/

password: hello

Many thanks!

0 Likes
dmwwebartisan
Shopify Partner
5699 1303 1669

This is an accepted solution.

@AiluSwim 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

@media screen and (min-width: 769px){
.section-header__title--left { width: 80%;  padding-left: 244px; }

}

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes

Hello AiluSwim,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

@media screen and (min-width: 769px){
.section-header__title--left {
display: table-row-group;
vertical-align: middle;
}
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Frank_Mancuso
Tourist
17 0 3

Hi,

This did not work for my site. 

tonyscollectibles.com

Can you please help fix? It wont center or do left aligned.

Screen Shot 2021-04-23 at 7.19.25 PM.png

dmwwebartisan
Shopify Partner
5699 1303 1669

@Frank_Mancuso 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

title align for left

 

 

@media screen and (min-width: 769px){
#shopify-section-collection-template .section-header__title--left {text-align: left;}
}

title align for center

 

@media screen and (min-width: 769px){
#shopify-section-collection-template .section-header__title--left {text-align: right;}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Frank_Mancuso
Tourist
17 0 3

Thank you this worked!