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!
To learn more visit the Shopify Help Center or the Community 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.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024