Align collection title left ⭐️ Tried 5 codes

Luxurymrkt
Navigator
576 2 96

Hi I’m trying to align my collection title/brand on the left side. I’ve tried 5 diff solutions it only works if there a collection image. Some pages won’t have images and then the title is centered again. Any help is appreciated my site 👇

https://luxurymrkt.com/collections/vendors?q=ALEXANDER%20MCQUEEN

DD21959A-31A2-4BAF-9718-BF5C0799C31C.jpeg

Thank You | mike
Replies 10 (10)

PageFly-Victor
Shopify Partner
7865 1785 3050

Hi @Luxurymrkt

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> ->theme.css  paste the below code at the bottom of the file.

.section-header section-header--flush .section-header__title{

    text-align: left !important

}

 

Best Regards;

Pagefly



Luxurymrkt
Navigator
576 2 96

Doesn’t work please see pic

599B05C2-C2D3-48A9-9B07-17E926E44504.png

 

Thank You | mike

PageFly-Victor
Shopify Partner
7865 1785 3050

you can try edit at here

Untitled.png

PageFly_0-1662645572584.png

 

PageFly-Victor
Shopify Partner
7865 1785 3050

you can add code to the top of the file theme.css

.section-header section-header--flush .section-header__title{
text-align: left !important
}

PageFly_0-1662647616845.png

 

Luxurymrkt
Navigator
576 2 96

I don’t have theme.css

 

i have themecss.liquid 

but it doesn’t look like your layout

Thank You | mike
PageFly-Victor
Shopify Partner
7865 1785 3050

theme.css.liquid same with theme.css

Luxurymrkt
Navigator
576 2 96

Doesn’t work 😞

9D841B39-0C85-40A7-8F86-04703B0D6BB1.jpeg

Thank You | mike
PageFly-Victor
Shopify Partner
7865 1785 3050

But I see it text was align left

PageFly_0-1662691435968.png

 

Luxurymrkt
Navigator
576 2 96

yes just fix with diff code

 

Thank You | mike
Luxurymrkt
Navigator
576 2 96

@media only screen and (max-width: 768px) {
.template-collection .section-header__title {text-align: left !important;}
}

Thank You | mike