Theme Menu disappears on iPad

  • I realise this could be related to the theme and not wordpress and it’s probably something I’ve done to the code. I was messing around the other day but Im not sure what Ive done.

    Basically the menu appears on desktop and mobile but in between it completely disappears. On the ipad there is no menu anymore:

    http:jbmarwood.com/blog

    Can anyone help??
    Thanks!!

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

  • In main.css on line 1253 there is the following code which is hiding your menu on ipad.

    @media (max-width: 767px)
.mobile-nav {
display: none;
width: 100%;
}

    You need to change it to around 1024px in order for it to show on tablets.

    Thread Starter jbmarwood

    (@jbmarwood)

    Thanks for the message,

    I’ve tried doing what you suggest but I can’t see that code on line 1253, it appears to be on a different line. I’ve tried changing it to 1024 but its not working still.

    The menu button doesn’t seem to be there anymore

    Thread Starter jbmarwood

    (@jbmarwood)

    sorry I should have been more clear, it’s the menu button that has gone missing. It appears in the mobile but not on tablet.

    (the main menu shrinks down into a tap button)

    @media (max-width: 767px)
.mobile-nav-btn {
padding: 15px;
border: 1px solid #41535A;
border-radius: 5px;
display: block;
margin-top: 17px;
background-color: #0981B3;
width: 16px;
height: 16px;
float: right;
}

    This is the css (main.css line 1243) that makes you mobile button appear from 767px and below. You’ll need to increase the media query to around 1024px in order for it to be visible on tablet.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Theme Menu disappears on iPad’ is closed to new replies.

Tags