Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 15, 2017 at 12:58 pm #889277
    gregorh

    Hello Support,
    we are using some parallax background containers on our website and are using the “Screen Options” to show/hide the container depending on screen width. All works well so far only on ipad horizontal the desktop container shows. I seams that ipad horizontal screen is wider than 990px and so ENFOLD shows container defined for Desktop instead the one for mobile.

    Where in the theme the width defined for this function? Can we alter the break-point to a higher value (1024px)?

    Thanks,
    Gregor

    • This topic was modified 7 years ago by gregorh.
    December 15, 2017 at 4:27 pm #889330
    gregorh

    Hello, thanks I found a solution for the above problem:

    @media all and (max-width: 1024px) {
    .av-desktop-hide {display: block !important;}
    .av-medium-hide {display: none !important;}
    .av-small-hide {display: none !important;}
    .av-mini-hide {display: none !important;}
    }

    @media all and (min-width: 1025px) {
    .av-desktop-hide {display: none !important;}
    .av-medium-hide {display: block !important;}
    .av-small-hide {display: block !important;}
    .av-mini-hide {display: block !important;}
    }

    Is this a correct way or could it be done more elegant?

    Thanks,
    Gregor

    December 15, 2017 at 7:44 pm #889397
    Jordan Shannon

    Hi,

    This is generally the method we use as well.

    Best regards,
    Jordan Shannon

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