Align collection title left ⭐️ Tried 5 codes

Luxurymrkt
Navigator
426 2 81

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
5549 978 2322

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



If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

Luxurymrkt
Navigator
426 2 81

Doesn’t work please see pic

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

 

Thank You | mike
PageFly-Victor
Shopify Partner
5549 978 2322

you can try edit at here

Untitled.png

PageFly_0-1662645572584.png

 

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

PageFly-Victor
Shopify Partner
5549 978 2322

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

 

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

Luxurymrkt
Navigator
426 2 81

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
5549 978 2322

theme.css.liquid same with theme.css

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

Luxurymrkt
Navigator
426 2 81

Doesn’t work 😞

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

Thank You | mike
PageFly-Victor
Shopify Partner
5549 978 2322

But I see it text was align left

PageFly_0-1662691435968.png

 

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

Luxurymrkt
Navigator
426 2 81

yes just fix with diff code

 

Thank You | mike
Luxurymrkt
Navigator
426 2 81

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

Thank You | mike