FROM CACHE - en_header

How can I make my headings on my home page and product collection page align differently?

Solved
shiocube
Tourist
11 1 5

 

Hello! I'm in the middle of setting up and ran into this problem, I'd appreciate any help possible. 

Currently I have all the headings on my home page center aligned. However, when I go to my collections page, the "center" alignment is pushed by the sort button like the following image: 

Screen Shot 2021-05-26 at 8.29.14 AM.png

So far when i tried to change the alignment to left, both home page and product collection page changes.

Ideally I'd like to have the product collection page heading be aligned left and the home page stay the way it is. I would also be okay with having it at the true center, not in the same row as the sort button. 

oddly enough, it looks perfectly fine on the mobile version of the site: 

IMG_36EFA6D1491A-1.jpeg

Thanks so much for looking at my question!

 

Theme: minimal

Site: shiocube.com

password: deathweek 

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
33542 3359 11076

This is an accepted solution.

@shiocube 

sorry for this issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (min-width: 769px) {
#CollectionSection .section-header__link--right {
    position: absolute;
    right: 0;
}
.section-header {position: relative;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)
KetanKumar
Shopify Partner
33542 3359 11076

This is an accepted solution.

@shiocube 

sorry for this issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (min-width: 769px) {
#CollectionSection .section-header__link--right {
    position: absolute;
    right: 0;
}
.section-header {position: relative;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shiocube
Tourist
11 1 5

Thank you so much, it worked flawlessly 🙂

KetanKumar
Shopify Partner
33542 3359 11076

@shiocube 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing