Home New Guten › Forums › WoodMart support forum › iPad screen Size
iPad screen Size
- This topic has 6 replies, 2 voices, and was last updated 2 years ago by
Luke Nielsen.
-
AuthorPosts
-
August 16, 2023 at 2:17 pm #489069
mblinkoParticipantHi
The theme treats iPad as a mobile and displays my site as such with the reduced screen resolution and with the limited navigation etc that I have configured. Recent iPads are capable of displaying higher resolution. How can I make the theme display a laptop screen resolution on the ipad ?
August 17, 2023 at 9:02 am #489201
mblinkoParticipantHi, is it possible to have an answer ?
August 17, 2023 at 10:53 am #489228
Luke NielsenKeymasterHello,
I apologize for the delay.
Different iPad models have different Viewport Size (here is a link where you can acquaintance with the sizes – https://yesviz.com/viewport/ , also, the screenshot of the viewport of iPads: https://prnt.sc/eAPIR3IPpL69 ). WP Bakery builder calculates that the mobile view starts with a width of 991px and below, and Elementor calculates that it starts at 1024px and below. Our theme does not affect this work and cannot change these values.. The only thing that depends on the theme, in this case, is the width of the screen on which the mobile header starts – 1024px. If you want the mobile header to start showing with a different width, write us the value and we will prepare a custom one for you.
Kind Regards
August 17, 2023 at 3:41 pm #489348
mblinkoParticipantThanks very much. My iPad is a 6th Gen which has a viewport of 768 x 1024 and as I use Elementor I get the mobile version. If there is no tablet viewport on the theme, I need it to use the desktop version on viewports of 414 x
ideally I would like proper mobile sizes of e.g. 414 x 896 or smaller.
Could you prepare a custom piece for me.
August 17, 2023 at 5:40 pm #489386
Luke NielsenKeymasterHello,
The below custom code will make the desktop header visible from a screen width of 896px, but in this case, the desktop header will become visible from 896px up to a desktop width of 1920px and above. In this case, you need to additionally optimize the amount and size of the content so that it fits in the header on this entire segment.
@media (min-width: 896px) { body .whb-hidden-mobile, body .whb-visible-lg { display: flex; } body .whb-hidden-desktop, body .whb-hidden-lg { display: none; } }Kind Regards
August 17, 2023 at 6:03 pm #489399
mblinkoParticipantlovely. thanks
August 18, 2023 at 9:45 am #489502
Luke NielsenKeymasterHello,
You are welcome! In case you need any additional help, I’d be more than happy to assist you.
Have a good day!
Kind Regards
-
AuthorPosts
The topic ‘iPad screen Size’ is closed to new replies.
- You must be logged in to create new topics. Login / Register