Home Forums WoodMart support forum iPad screen Size

iPad screen Size

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #489069

    mblinko
    Participant

    Hi

    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 ?

    #489201

    mblinko
    Participant

    Hi, is it possible to have an answer ?

    #489228

    Luke Nielsen
    Keymaster

    Hello,

    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

    #489348

    mblinko
    Participant

    Thanks 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.

    #489386

    Luke Nielsen
    Keymaster

    Hello,

    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

    #489399

    mblinko
    Participant

    lovely. thanks

    #489502

    Luke Nielsen
    Keymaster

    Hello,

    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

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘iPad screen Size’ is closed to new replies.