Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 28, 2018 at 6:17 pm #919213
    tonyplanet

    Hi

    I using the avia layout architect with the layout elements 1/3 and 2/3 and fix height.
    I want to achieve that the 1/3 and 2/3 layout elements switch to fullwidth (100%) already when ipad is in portrait format, hence 768 width.

    How can I achieve this?

    Best regards
    Tony

    March 1, 2018 at 6:57 am #919416
    Nikko

    Hey Tony,

    Can you post a link to the page mentioned? showing the 1/3 and 2/3 with fixed height, so we can try to give you css code that should work. You can post the link in private content if you want it only to be seen by moderators.

    Best regards,
    Nikko

    March 1, 2018 at 9:40 am #919495
    tonyplanet

    Find in the private area the url.

    The 1/3 and 2/3 are at the bottom of the page (with image & text)

    Thanks in advance

    March 1, 2018 at 10:42 am #919522
    Nikko

    Hi,

    Thanks for providing the link, can you add this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (min-width:768px) and (max-width:959px) {
  #top.page-id-7 .flex_column_table.av-equal-height-column-flextable.-flextable {
    display: block;
  }

  #top.page-id-7 .flex_column_table.av-equal-height-column-flextable.-flextable .flex_column_table_cell {
    display: block;
    margin: 20px 0 0;
    width: 100%;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.