the description keeps cutting short on mobile

Solved
SHINNY_
New Member
13 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)

Accepted Solutions
diego_ezfy
Shopify Partner
2298 412 537

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 3 (3)
Marty
Shopify Staff
413 67 82

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

diego_ezfy
Shopify Partner
2298 412 537

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

SHINNY_
New Member
13 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