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!
Hey UNBUENPLAN GROUP,
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Hello Victoria, You can see in private section.
Thanks!
Hi 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