Mobile design Words Overflowing

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;
    }
}

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

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.