Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #558394

    Hello – please view website on a tablet device (iPad). The LayerSlider does not display centred and sized accordingly both portrait and landscape orientation. Same applies for mobile (iPhone). Please help

    The 1/4 layout element displays great on tablet landscape and iPhone portrait and landscape orientation, however does not display nice on tablet (iPad) portrait. I would like 2 side by side. Please supply CSS for fix.

    Thank you,

    Jason

    #558402

    Its ok with Layer Slider – I just hid it. However still require support for 1/4 layout element. Thanks

    #558836

    Hi!

    It’s the 4 icons in your link correct? They are stacking nicely on my end. Are you wanting them to stack 2 x 2 on larger screens?

    If so then try adding this to your custom CSS.

    @media only screen and (max-width: 1100px) and (min-width: 768px)
    .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div {
        margin-left: 4%;
        width: 48% !important;
    }

    Best regards,
    Elliott

    #559018

    Hi Elliot – I’ll send you a screenshot. It displays incorrectly on iPad mini portrait orientation. Please view link…
    Would like it 2 per line, currently 1 per line. Thanks

    #559051

    Hi!

    Please add this in the Quick CSS field:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div {
        margin-left: 0;
        width: 48%;
        margin-top: 30px;
    }
    }

    Cheers!
    Ismael

    #559609

    Great – thanks. Its not 2 by 2, but it is presented in uniform and look good. Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘LayerSlider and 1/4 layout element tablet portrait.’ is closed to new replies.