Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 30, 2015 at 10:43 am #558394
    JasonC

    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

    December 30, 2015 at 11:16 am #558402
    JasonC

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

    January 2, 2016 at 1:44 am #558836
    Elliott

    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

    January 4, 2016 at 5:54 am #559018
    JasonC

    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

    January 4, 2016 at 8:41 am #559051
    Ismael

    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

    January 5, 2016 at 1:06 am #559609
    JasonC

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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘LayerSlider and 1/4 layout element tablet portrait.’ is closed to new replies.