Center collections header images for EMERGE theme

Solved
blackandkawaii
Tourist
8 0 2

Hi, I needed some help with centering the header photo for my collection pages. When I click on the actual collection the image appears closer to the right side of the page. I have 6 collections and I'm having this issue with all of them. I've attached a picture as an example.

Website link: www.blackandkawaiicosmetics.com

Password is "lovely"

 

Screen Shot 2021-02-25 at 9.59.18 PM.png

0 Likes
Pallavi
Shopify Expert
1118 146 178

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. assets/theme--async.css->paste below code at the bottom of the file.


@media only screen and (min-width: 1024px){
.collection--image {
left: 0!important;
}
}
.collection--root .collection--title {
display: none!important;
}

Screenshot :- https://prnt.sc/10795ie

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
blackandkawaii
Tourist
8 0 2

@Pallavi  

Thank you so much! It worked perfectly. 

0 Likes
Pallavi
Shopify Expert
1118 146 178

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes