Ipad Portrait Rendering

Hey Justin,

You will need to use Custom CSS Class enabled, so it only applies to specific table/elements. Kindly enable it by following this thread: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Modify the table and add this custom class mytable then add this code to Quick CSS (located in Enfold > General Styling):

@media only screen and (min-width:768px) and (max-width:960px) {
  #top .mytable .av_one_half {
    display: block;
    padding-top: 40px !important;
    width: 100% !important;
  }

  #top .mytable .av_one_half.avia-builder-el-last {
    margin-bottom: 60px;
  }
}

Let us know if it works :)

Best regards,
Nikko

Hi,

Yes, it should. What the code I gave do is to make the 2 columns become 2 rows (1 column), the Information (title) should be on top and the content bottom. Let us know if you applied the code, if it doesn’t work kindly provide a temporary admin access.

Best regards,
Nikko

Hi!

I have added this to the Color Section’s Custom Css Class mytable. Then added the code I have posted above, and also included this inside the code I have given:

  #top .mytable .av_one_half .XL br {
    display: none;
  }

To make the Starting in $5,000 be in one line instead of two lines. Let us know if this is also good on your end. :)

Best regards,
Nikko

Hi Justin,

Glad we could help :)

Regards,
Nikko