multicolumn text overlap on mobile

Store Design
, , ,
1

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?

2

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!

3

Hi @julian060303 .

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

4

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

5

Sorry, but it still does not work.

But thanks for the support!