Hi, I’m working with rows of 4 columns (1/4) for PC and can’t find the way to get rows of 2 columns (1/2) when in tablet resolution (767 – 989 px). It is either 4 columns or 1 column, depending on the breaking point I choose. The columns contain icon boxes inside (one per column).
So, how can I get the 2 columns on that resolution (767 – 989 px) ?
I’m working locally so can’t give you access,
Thanks
Hey,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 990px) and (min-width: 767px) {
div .av_one_fourth.flex_cell {
display: block;
width: 50%;
float: left;
}}
Best regards,
Yigit