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
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
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
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