Home Forums Basel support forum Size and form drop down menu, product variation

Size and form drop down menu, product variation

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17133

    hugo44
    Participant

    Hello Xtemos Team,

    I am following the conversation on the themeforest website. My question was: I would like the drop-down menus of variations / attributes to take up less space on the page. Is it possible to obtain more conventional and more reduced forms ?

    In private section, you can find two links:

    Thank you very much for your reply.

    Best regards,

    Hugo

    Attachments:
    You must be logged in to view attached files.
    #17136

    hugo44
    Participant

    The image that did not upload, Exemple Website: http://hpics.li/a6d6f5a

    #17146

    Artem Temos
    Keymaster

    Hi,

    Thank you for contacting our support center.

    Try to add the following code snippet to the Custom CSS to reduce dropdowns size

    .single-product-content .variations td.value select {
        max-width: 200px!important;
    }

    Regards

    #17153

    hugo44
    Participant

    Hello Artem,

    Thanks you for your reply. This works well.

    Always for the part of the variations. Do you have a solution for drop down menus to be responsive, as an example screenshot # 2
    Or if this can be fixed in the next update?

    I appreciate your help, thanks

    Best regards,

    Hugo

    Attachments:
    You must be logged in to view attached files.
    #17165

    Artem Temos
    Keymaster

    Try to add the following code for mobile devices only

    .single-product-content .variations td {
        max-width: 100px!important;
    }
    
    .single-product-content .variations label {
        white-space: pre-wrap!important;
    }

    Regards

Viewing 5 posts - 1 through 5 (of 5 total)