Tagged: mobile, screen options
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
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
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
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