• 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Wordpress (page builder) swap divs on collapse to mobile
#1
I am implementing page builder plugin in wordPress, i need to swap two columns in mobile resolution . Now my div structure is image-text text-image image-text text-image
But,in mobile resolution i need to display as image text image text one by one.
how to add the css for this structure

 
Seeking for help?
  Reply
#2
Try this css.
Code:
@media (max-width: 767px) {
    #pg-30-3{
        #pgc-30-3-0{
            order: 2;
        }
        #pgc-30-3-1{
            order: 1;
        }
    }
}
otherwise add class to your div 

Code:
left-side-cont
 and 

Code:
right-side-cont
Code:
@media (max-width: 767px) {

        .left-side-cont{
            order: 2;
        }
        .right-side-cont{
            order: 1;
        }

}
  Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)