Shopify themes, liquid, logos, and UX
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
Hello 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
Solved! Go to the solution
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:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @Glasmora
Its align on the center, the URL you provide is password protected.
The password is glasmora.
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:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you so much!!!
Welcome, please dont forget to hit like. Thanks!
@Glasmora Hope you are doing well.
Could you please share the password of the store? your store is password protected
Glasmora is the password
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.
Unfortunately not...
@Glasmora Please provide you store password to share solution for this.
The password is glasmora