High Resolution (Retina level) Tablet and Menu

  • Posted in : Bloggy WP
  • nnishizaka
    Participant
    4 April 2015 at 03:20
    #21436

    I’m trying to figure out how to display the full menu on my Tablet, which is the Nexus 7 2013 version. The resolution on the tablet is 1920 x 1200. When I view my website (http://nntechsolutions.com) on the tablet in portrait mode, the menu still turns into the mobile version. When I view it in landscape mode, the full menu appears.

    I’d like to adjust this threshold, if possible, so that the full menu appears for high resolution tablets like mine, the retina iPads, etc.

    Thanks for your help!

    ahmetsali
    Keymaster
    6 April 2015 at 23:43
    #21485

    Hi, edit css/main.css in theme folder in a text editor, and find line : 905, you will see;

    @media (max-width: 767px) {

    this 767px is the threshold for mobile view. It means devices which width equal and lower than 767px will get the mobile view.

    nnishizaka
    Participant
    8 April 2015 at 03:45
    #21517

    It turns out that even though the Nexus 7 2013 version is 1920 x 1200, the Chrome browser reports its width as 600px wide, which explains why I don’t see the full menu. Bummer…

    ahmetsali
    Keymaster
    8 April 2015 at 12:21
    #21528

    yes, css width and real device width are different in high-res screens to provide consistency with the designs.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Bloggy WP - Responsive Minimalist WordPress Theme
Login and Registration Log in · Register