Column Stack Order – Mobile/Tablet

This topic has 8 replies, 4 voices, and was last updated 10 years, 3 months ago ago by Stan Russell

  • Avatar: zf
    zf
    Participant
    September 17, 2015 at 10:34

    Hi, please could you advise as to how I would go about adjusting stack order and responsiveness of columns.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: zf
    zf
    Participant
    September 17, 2015 at 10:45

    Apologies, it would just be for a tablet size. It stacks correctly on mobile phones. On tablet the columns are still side-by-side.

    Avatar: Eva
    Eva Kemp
    Participant
    September 17, 2015 at 11:10

    Hello,

    You may try to use this css code:

    @media only screen (min-width: 768px) and (max-width: 992px) { .wpb_column.vc_column_container.vc_col-sm-6 {
       width: 100%;
    }}

    Please note width will be changed for all columns in your site on tablets.

    Regards,
    Eva Kemp.

    Avatar: zf
    zf
    Participant
    September 17, 2015 at 11:17

    hi, iv tried that and it doesnt seem to work. thanks

    Avatar: Eva
    Eva Kemp
    Participant
    September 17, 2015 at 12:43

    Hello,

    I’ve added this code in Theme Options > Custom CSS > Custom CSS for tablet: `.wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100% !important;
    }`

    Please check the page now.

    Regards,
    Eva Kemp.

    Avatar: zf
    zf
    Participant
    September 17, 2015 at 13:09

    Hi, all working now.

    Thank You

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2015 at 13:40

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    Avatar: stan
    Stan Russell
    Participant
    September 17, 2015 at 13:41

    Hello,

    you are welcome! Have a nice day!

    Regards,
    Stan Russell.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Column Stack Order – Mobile/Tablet’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.