Reply To: Row Layout – stack order in smartphone view

[Radu]

Remove the

COPY CODE

<b> </b>

tags

from that field, leave only custom-cols-order class.

Then add the css to wp-admin -> theme options -> General settings -> Quick CSS or in style.css frmo child theme ass you wish

COPY CODE

@media(max-width:991px){
    .custom-cols-order .vc_row {display: grid;}
    .float-left-flip {order: 2 !important;}
    .float-right-flip {order: 1 !important;}
}

Then add this class float-left-flip to the first column and this float-right-flip to the second.

Then in mobile those will be in reverse order

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution