multicolumn text overlap on mobile

Topic summary

A user is experiencing text overlap issues in the multicolumn section of the Dawn theme when viewed on mobile devices. They attempted to fix it using CSS code targeting .multicolumn-card with overflow and width properties, but this resulted in partial text visibility and misalignment.

Another participant requested the problematic page URL to better diagnose the issue. The original poster provided a Shopify admin/editor link (which is not publicly accessible for troubleshooting).

Current Status:

  • The issue remains unresolved
  • The user confirmed the suggested solutions have not worked
  • No working fix has been identified yet

The discussion appears to need either a publicly accessible URL or more specific technical guidance tailored to the Dawn theme’s multicolumn structure.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hello everyone,

I have some problems with the multicolumn.

I am on the Dawn theme.

So in the multicolumns i have written a text and the problem is, that on mobile version, these texts overlap.

I have already tried the following code:

@media only screen and (max-width: 767px){
.multicolumn-card{
overflow: hidden !important;
width: 95% !important;
}
}

But it did not work.

Some letters were still visible and the text was not centered anymore.

Does anyone has a solution?

Okay, can you please give me the full code to just copy and paste?

Because the code i posted was not mine, i copied it elsewhere.

Thanks in advance!

Hi @julian060303 .

It would be much easier to help if you provide us with a problematic page URL.

https://admin.shopify.com/store/rv0vxv-qs/themes/179076727048/editor?previewMode=mobile

Sorry, but it still does not work.

But thanks for the support!