Please help! I don’t know why my text on mobile view is doing this, it was fine before and now it changed.
Topic summary
A user reports that text on their mobile site is extending beyond its intended boundaries, though it displayed correctly previously.
Proposed Solutions:
- Content cleanup: Open the problematic page in Shopify admin and either clear formatting or remove HTML from the content
- CSS fix: Add the following code to the bottom of the
base.cssfile (accessed via Online store > Themes > Edit code):
video {
width: auto !important;
}
The issue appears to be related to formatting or HTML elements causing overflow in the mobile view. Both solutions aim to constrain content width appropriately for mobile displays.
Hi @hakata168
Please open that page in your Shopify admin, clear format or remove html from your content to solve the issue
Or you can add this code to bottom of your base.css file in Online store > Themes > Edit code to solve it
.rte div { width: auto !important; }