Hi, please could you advise as to how I would go about adjusting stack order and responsiveness of columns.
This topic has 8 replies, 4 voices, and was last updated 10 years, 3 months ago ago by Stan Russell
Hi, please could you advise as to how I would go about adjusting stack order and responsiveness of columns.
Apologies, it would just be for a tablet size. It stacks correctly on mobile phones. On tablet the columns are still side-by-side.
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.
hi, iv tried that and it doesnt seem to work. thanks
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.
Hi, all working now.
Thank You
Hello,
You’re welcome.
Best regards,
Jack Richardson.
Hello,
you are welcome! Have a nice day!
Regards,
Stan Russell.
The issue related to '‘Column Stack Order – Mobile/Tablet’' has been successfully resolved, and the topic is now closed for further responses