Tagged: mobile, screen options
-
AuthorPosts
-
September 14, 2017 at 5:17 pm #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
September 15, 2017 at 12:07 pm #852509Hey 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,
RikardSeptember 20, 2017 at 10:26 am #854286Hi 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 linkThe 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 PortraitDo you have any ideas how to solve that?
Cheers MarcSeptember 20, 2017 at 2:12 pm #854364Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
