How to Display Post Grid in Two Columns Layout in Mobile View in WPBakery Page Builder in WordPress

In this wordpress wp bakery page builder tutorial you will learn how to show post grid in two column layout using custom css in mobile devices in wp bakery plugin in wordpress.

* Add Element ID in Row Setting and use that ID in CSS.
* We used mobilelayout ID in Row setting and in CSS you see #mobilelayout
Add below CSS:

@media screen and (max-width: 767px) and (min-width: 100px) {
#mobilelayout .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item, .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
   width: 50% !important;
   display: inline-block !important;
}
}

#wpbakery #postgrid #columns #mobile #wpbakerypagebuilder #wordpress #visualcomposer #WebTaskWithHassan #HassanGilani

• #education
• #wordpress
• #webtaskwithhassan
• #hassangilani
• #wpbakery
• #wpbakerypagebuilder
• #mobile
• #columns
• #postgrid
• #visualcomposer