Re: the description keeps cutting short on mobile

Solved

the description keeps cutting short on mobile

SHINNY_
New Member
14 0 0

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.

111111.JPG    - Look at the last sentence: it's supposed to be saying  brush off dust every once in a while.

Shin
Accepted Solution (1)

diego_ezfy
Shopify Partner
2969 571 909

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

View solution in original post

Replies 3 (3)

Marty
Shopify Staff (Retired)
512 74 103

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.

diego_ezfy
Shopify Partner
2969 571 909

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

SHINNY_
New Member
14 0 0

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.

Shin