Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #852198

    Hi Support,

    is it possible to change or add another screen options for elements? For example:

    Hide on large screens (wider than 1220px – eg: Desktop)

    Thanks

    #852509

    Hey Screener_muc,

    That would take a lot of customisations to the theme unfortunately, maybe you could try to explain what you are trying to achieve and we could give you some CSS to use? Don’t forget to link to your site and point out the elements in question there.

    Best regards,
    Rikard

    #854286

    Hi Rikard,

    the point is, there is no fitting resolution for newer Ipads. For example a newer ipad with 2048‑by‑1536 px would be treated like a desktop device. My aim is to display a video element only on mobile devices, but not on desktops. (Because video slides in the simple slider are not working on mobile devices) See here:
    private link

    The predefined settings don’t help much in this issue:
    Hide on large screens (wider than 990px – eg: Desktop)
    Hide on medium sized screens (between 768px and 989px – eg: Tablet Landscape)
    Hide on small screens (between 480px and 767px – eg: Tablet Portrait)
    Hide on very small screens (smaller than 479px – eg: Smartphone Portrait

    Do you have any ideas how to solve that?
    Cheers Marc

    #854364

    Hi Marc,

    You can combine the media query for the screen size with the body class “avia-ipad” and hide whichever element you like. Something like this:

    
    @media only screen and (min-width: 1536px) and (max-width: 2048px) {
      .avia-ipad.responsive.av-no-preview #top #wrap_all .avia-video.avia-video-16-9 {
           display: none;
       }
    }
    

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

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