-
AuthorPosts
-
December 18, 2019 at 9:07 pm #1167502
We have several facilities in which we use the grid row element.
This element split into two columns, in which there is text in one of them and an image in the other, in the mobile version it is not good, but with the functionality of hiding for desktop or showing on mobile we have it solved. For the iPad version too, but not for the iPad Pro version that takes the desktop view.
Is there any way that the iPad PRO view is the same as the normal iPad version?
It happens to us on the page we leave privately among others.
Thank you very much!
December 19, 2019 at 8:22 pm #1167904Hey UNBUENPLAN GROUP,
Could you please attach some screenshots of the issue?
Best regards,
VictoriaDecember 22, 2019 at 8:23 pm #1168617Hello Victoria, You can see in private section.
Thanks!
December 30, 2019 at 2:24 am #1169078Hi UNBUENPLAN GROUP,
We apologize for the delayed response.
First, go to Enfold > Layout Builder > Custom CSS classes input field set this to Show and allow to edit classes
Then go to the page and then on the layouts or section you want to hide, edit it and go to Developer (tab), and in Custom CSS Class field put av-ipadpro-hide and on layouts/section you want to show on ipad pro put av-ipadpro-show
Then go to Enfold > General Styling > Quick CSS and add this css code:@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .av-ipadpro-hide { display: none; } .av-ipadpro-show { display: block; } } @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .av-ipadpro-hide { display: none; } .av-ipadpro-show { display: block; } }Let us know if this helps.
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.
