Support » Fixing WordPress » Switch columns on mobile

  • Hi there,

    I have 2 columns next to each other I have created using Visual Composer / WP Bakery.

    They work fine, but what I am trying to do is to have the right hand side columns switch to the left on mobile so it appears on top of the left hand columns.

    Is there a way to do this? I guess there is some sort of pull/push class I can use?

    This is my code:

    <div class="vc_col-md-8 latest pad-x-0"><h2>Latest </h2><div class="hr-line-left"></div>Left content</div>
    
    <div class="vc_col-md-4 featured">
    	<h2>Featured</h2><div class="hr-line-left"></div>
    	Right content
    </div>

    Any suggestions would be great!

Viewing 1 replies (of 1 total)
  • Hi, I guess you could apply

    display: flex;
    flex-direction: row-reverse;

    to the parent div of the “.latest” and “.featured” divs for a screen width lower than a certain value, but if you post the URL where you have them maybe I could come up with something to-the-point 🙂

    Have a great weekend!
    Alex.

Viewing 1 replies (of 1 total)
  • The topic ‘Switch columns on mobile’ is closed to new replies.