Product description text going out of mobile screen
Solved
Hi, Im using Dawn theme. Im having some issues with the mobile display of the page, specifically in the description of each product, as the image shows text starts running to the right side of the screen, Ive tryed a lot of the solutions of similar problems that Ive found online but none of them worked for me. Does anyone know what I can do to fit the text in the screen?
Sorry for my bad english.
The page is axolotl-labs.com
Accepted Solution (1)
Check this one.
- From you Admin page, go to Online Store > Themes
- Select the theme you want to edit
- Under the Asset folder, open the main.css(base.css, style.css or theme.css)
- Then place the code below at the very bottom of the file.
.product__description.rte span {
overflow: hidden;
white-space: normal;
}
- And Save.
- Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Check this one.
- From you Admin page, go to Online Store > Themes
- Select the theme you want to edit
- Under the Asset folder, open the main.css(base.css, style.css or theme.css)
- Then place the code below at the very bottom of the file.
.product__description.rte span {
overflow: hidden;
white-space: normal;
}
- And Save.
- Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
