Left Aligned Collection Title - Why?

Solved
hward1000
Tourist
15 0 2

Hello, for some reason my store collection titles are now left aligned, it used to be center aligned.

Does anyone know how i can change it back? I am using DEBUT

There wasnt any recent changes to my store so not sure why this suddenly happened..

thanks

 

hward1000_0-1621492808577.png

 

0 Likes
Pallavi
Shopify Expert
2170 353 462

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

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

Hello,
Please share your store URL with password (If Needed), So that I will give you proper 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
hward1000
Tourist
15 0 2

Hi, store url is https://www.wibx-trade.com/

If you need access let me know and can set you up with restricted access, thanks

0 Likes

This is an accepted solution.

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

@media only screen and (min-width: 750px){
.template-collection .grid__item.medium-up--one-half.section-header__item {
    width: 100% !important;
}
}
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
Pallavi
Shopify Expert
2170 353 462

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 750px){
.grid__item.medium-up--one-half.section-header__item {
width: 100%!important;
}
}
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
MS-WEB-DESIGNER
Shopify Partner
2782 175 466

Dear @hward1000 

  • From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.
  • After that in the Assets folder, click to open your theme.scss.liquid file.
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
.product-card {text-align: center;} 
.price {align-items: center; margin-top: 6px;}
/* End*/

 

  • Save and check your theme by refreshing it.
  •  
0 Likes
hward1000
Tourist
15 0 2

Thank you! This worked fine.

I dont know why it happened in the first place though..!

0 Likes