Columns are not responsive when reduced the size of the browser

Hi there.
The Column Shortcodes feature is designed so that column widths are proportional (relative) to the size of the page, which means they will shrink and grow with the page or window size.
If you need your columns to pile up vertically in mobile, you would have to do something like this:

/* For mobile displays only */
@media only screen and (max-width: 480px) {
   .jwl_one_half, .jwl_one_third, .jwl_two_third, .jwl_three_fourth,
.jwl_one_fourth, .jwl_one_fifth, .jwl_two_fifth, .jwl_three_fifth, .jwl_four_fifth, .jwl_one_sixth, .jwl_five_sixth {
      width: auto!important;
   }
}

I hope that helps!

Hi SyedAhmed,

Just checking to see if you made any progress here. Did Marventus’ suggestion help you?

Mmmkay… gonna mark this one as resolved then.

OP.. please feel free to change the status if you are still having issues.

Thanks.

Hello, I had the same problem.

Your additional code does help definitely!

My theme acts really responsive now.

Thank you