We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Product Title position should be on the left side

Solved

Product Title position should be on the left side

Glasmora
Tourist
6 0 3

Screenshot 2024-03-06 192154.pngHello guys, I need urgent your help. I want to change my Product Title position to the left side for smartphone. It is on the computer left sided, but on the smartphone it is in the middle, as you can see in the picture. How can I fix that? Thanks alot!

 

Url: https://glasmora.com/products/glas8

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
10211 2427 3079

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

@media only screen and (max-width: 1007px){
.ProductMeta {
    text-align: left !important;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1709848977569.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 11 (11)

Made4uo-Ribe
Shopify Partner
10211 2427 3079

Hi @Glasmora 

Its align on the center, the URL you provide is password protected. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Glasmora
Tourist
6 0 3

The password is glasmora.

Made4uo-Ribe
Shopify Partner
10211 2427 3079

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

@media only screen and (max-width: 1007px){
.ProductMeta {
    text-align: left !important;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1709848977569.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Glasmora
Tourist
6 0 3

Thank you so much!!!

 

Made4uo-Ribe
Shopify Partner
10211 2427 3079

Welcome, please dont forget to hit like. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

webwondersco
Shopify Partner
1204 172 173

@Glasmora Hope you are doing well.

 

Could you please share the password of the store? your store is password protected 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Glasmora
Tourist
6 0 3

Glasmora is the password

 

PageFly-Oliver
Shopify Partner
878 190 191

Hi @Glasmora ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(max-width:767px){
[class*="title"]{
text-align:left !important
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Glasmora
Tourist
6 0 3

Unfortunately not...

Vinsinfo
Shopify Partner
491 167 172

@Glasmora Please provide you store password to share solution for this.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Glasmora
Tourist
6 0 3

The password is glasmora