[Support request] Mobile design Words Overflowing

[Dikson]

Hi,

This page on my site is displaying correctly on my desktop version Event page, However when I view on mobile the words are overflowing, how can I fix this Mobile version

Thank you

[Fernando]

Hi Dikson,

I can’t see anything overflowing. Are you referring to the wrapping of the text?

It seems you’re using a third party plugin for the Grids. It would be best to reach out to the creator of this for support.

Alternatively, If you try adding this in Additional CSS, the grids should align to one column:

@media (max-width: 768px) {
    .wpem-ticket-info-flex {
        flex-direction: column;
    }
}

[Dikson]

Thank you, however now there is a big space beneat the amountnew mobile design

[Fernando]

Try updating the code to this:

@media (max-width: 768px) {
    .wpem-ticket-info-flex {
        flex-direction: column;
    }

    .wpem-ticket-info-flex .wpem-ticket-quantity {
        flex: unset !important;
    }
}

However, as mentioned, it would be best to reach out to the support of this plugin as this is out of our scope, and not sure if this is the best approach.

[Author]

Posts