Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #919213

    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

    #919416

    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

    #919495

    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

    #919522

    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

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