Shopify themes, liquid, logos, and UX
Hi. My website : https://rawobject.com/
My theme is Blockshop and on the Product Description page and About Us page, the description keeps cutting short on mobile. Also in About Us page website mode the description tilts to the right. How do I fix that?
The product description seems to changes automatically for some reason and it ruins the alignment. How do I stop that?
Thank you.
- Look at the last sentence: it's supposed to be saying brush off dust every once in a while.
Solved! Go to the solution
This is an accepted solution.
@SHINNY_,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
[data-item="rte-content"] *{
word-break: break-word !important;
}
</style>
Please let me know whether it works.
Kind regards,
Diego
Hi, @SHINNY_.
Thank you for your message, I would be happy to offer you some suggestions on this. In most cases, both Shopify themes and third-party theme mobile views will be re-positioned from their desktop counterparts in order to fit mobile screens. That said, have you done any coding manipulation yourself to your shop or is this just what you notice automatically with your BLOCKSHOP theme when in mobile mode?
Blockshop is a third-party theme developed and supported by a team called Troop themes. I would recommend reaching out to the developers of Blockshop here, to investigate further if they are able to help you fix this. Just a friendly reminder that if you manipulated any coding for your theme yourself, your theme's developers may not be able to help further and you would need to reach out to a local developer or Shopify Expert for the next steps.
I hope this information gets you on the right track to a solution, feel free to reach back out here with any questions you may have!
Marty | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
This is an accepted solution.
@SHINNY_,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
[data-item="rte-content"] *{
word-break: break-word !important;
}
</style>
Please let me know whether it works.
Kind regards,
Diego
I tried this but it still doesn't go right. I used pagefly to make my product page. Maybe that's the reason? I don't know.
Is there any other way?
Thank you.
User | RANK |
---|---|
76 | |
65 | |
64 | |
53 | |
49 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023