"Texto de variaciones se ven mal en movil" (#3337665) / WPClever Support Forum

Comments

Santiago started the conversation
March 31, 2023 at 10:10am
Hola,
Estoy probando la versión gratuita y los textos de las variaciones, al ser largos, se ven mal desde versiones móviles.
Pueden comprobarlos en: https://sesdermaskincenter.es/producto/hammam-tradicional/

Attached files: wp clever 1.jpg
wp clever 2.jpg
767
Janilyn replied
April 3, 2023 at 10:00am
Hi Santiago,

Thanks for contacting WPClever Support Forum. We're not available at the weekends so today (Monday) I am able to process your ticket.

We’ve received your ticket and assigned one of our developers to help you with that.

He’ll be looking into your question and responding with specific instructions on how to fix that as soon as possible.

Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

Best regards.

Janilyn T. - WPClever Support Agent

1,222

Dustin replied

April 5, 2023 at 8:42am

Hi Santiago,

Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

table.variations tr {
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 767px) {
    table.variations tr {
        display: flex;
        flex-direction: column;
    }
    
    .wpcvs-type-button .wpcvs-term {
        height: auto !important;
        line-height: 1.4 !important;
    }
    
    .wpcvs-type-button .wpcvs-term > span {
        height: auto !important;
        line-height: 1.4 !important;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
    }
}

And the result https://www.screencast.com/t/dCasdS09l

Best regards,
Dustin