-
Posts
-
Hello,
In a page element, I select “Hide on very small screens (smaller than 479px for example mobile phones portrait)” – (translated from Dutch…).
This works well: the element is not visible on my iPhone.
However, when I would like the element to be visible on my Ipad only, landscape, I select (= hide):
– Hide on larger than screens (bigger than 990px – for example Desktop)
– Hide on small screens (between 484px and 768px, like tablet portrait)
– Hide on very small screens (smaller than 484px, like mobile phone portrait)
and so Ieave open (= visible):
– Hide on average screens (between 768px and 989px, like tablet landscape)
The problem is: this element is NOT visible on my iPad, landscape.
Could you please help?Hey nioperik2,
If you want it to only show on ipad landscape you will need a custom solution.
Add this custom class to your element ipad-landscape then add this css to your Quick CSS field:.ipad-landscape { display: none;} @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) { .ipad-landscape { display: block; } }This should cover most ipads in landscape mode, then clear your cache.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.Best regards,
Mike
- You must be logged in to reply to this topic.