Making one_fourth column display as a one_half column on Tablet

Hey artsurmesure,

Yes, that’s possible, would you like to apply this on all 1/4 columns or just selected 1/4 columns? if you just want selected columns, please enable first Custom Css Classes: https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ then add a similar class name to those columns, and give us a link so we can try to check it and try to give you css code that should help you with it :)

Best regards,
Nikko

Hi,

Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:1024px) and (min-width:768px) {
  .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div {
    margin-left: 4%;
    width: 48%;
  }

  .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div {
    margin-left: 0%;
    clear: both;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Thanks for giving the link, can you try to replace the code I gave with this:

#top.page-id-196 .flex_column_table {
    display: block !important;
}

.responsive #top .flex_column.av_one_fourth {
    width: 48%;
    float: left;
    display: block;
    margin-bottom: 20px;
    margin-left: 1% !important;
    margin-right: 1% !important;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Nikko

Hi,

If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon