Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2017 at 10:42 am #864246
    tpetauer

    Hi

    I would like to force 1 column view for iPad portrait (res 768px).
    There is colour section with 2 rows:
    2/3 column, 1/3 column in first row
    1/3 coulm, 1/3 column, 1/3 column in second row

    on iphone there is only one column per row and I would like to force this view for iPad landscape (768px)

    I am using child theme with settings in style.css

    October 16, 2017 at 5:47 am #864641
    John Torvik

    Hey tpetauer,

    You can try this custom CSS code:

    
@media only screen and (max-width: 769px) {
.responsive #top #wrap_all .container { width: 100%; max-width: 100%; }}

    Best regards,
    John Torvik

    October 16, 2017 at 7:50 am #864690
    tpetauer

    I tried that – is not working.

    October 16, 2017 at 4:08 pm #864864
    Victoria

    Hi tpetauer,

    Please remove this code:
    Image 2017-10-16 at 17.02.08.png

    and add this:

    

@media only screen and (min-width: 768px) and (max-width: 1024px) {
#top  div .av_one_third {
    margin-left: 0;
    width: 100% !important;;
    display: block;
}
#top .flex_column_table {
    display: block;
    table-layout: initial;
    width: 100%;
}
#top div .av_two_third {
    margin-left: 0%;
    width: 100% !important;
    display: block;
}

#top .flex_column_table_cell {
    float: none;
    display: block;
}

}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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