Docs

[Louise C]

URL: https://dannellfamilylaw.com.au
X-theme: 4.6.4
Cornerstone: 1.3.3
WordPress: 4.7
PHP 7.0.14

When using iPad in landscape mode, the lefthand sidebar menu shows. The mobile menu kicks in in portrait mode which is fine.

It is a one-page site with menu anchors. My client tried the menu on her iPad and said “it wasn’t working”. I tried and and I could replicate it only when I initially touch the menu option and hold it for a little longer than required (which a lot of people tend to do) which makes the link go to underline, but it doesn’t actually respond.
This seems to stop the whole menu from working and will only work again after reloading the page. Tapping a menu item lightly is fine, but as soon as you tap it and hold it for just a tiny bit longer, it no longer works.

Is this a bug? Is there a fix?

Thanks,
Wizard247

[Rad]

Hi there,

Thanks for posting in.

I checked it on my iPad and it’s working just fine. It scrolls in one tap and never fails on my end.

And do you wish to display the mobile menu in landscape mode too?

Thanks!

[Louise C]

OK – let’s assume that there are some people who do not “tap” their iPad but “tap and hold” their iPad links. And believe me, there are many! Can you test this on your iPad please?

Is this iPad behaviour or theme behaviour?

I can replicate it on my iPad when I just hold the link for a little bit longer than is required. Please keep in mind that we are dealing with the general public and not IT professionals.

Thanks,
Louise

[Rad]

Hi there,

Yes, hence, my question is, do you wish to display the mobile menu on iPad landscape mode? The explanation is that iPad has two types of menu depending on orientation. In landscape, it displays desktop menu instead of the mobile menu. And a desktop menu has no mobile functionality. But some user prefers to have a desktop menu on iPad’s landscape mode. We all know that iPad even surpasses desktop/laptop screen resolution and a desktop menu is good on them, but unfortunately, it doesn’t work well in all cases.

I mean by it is working is, it does it job as a desktop menu, but it’s not fully noticeable since iPad has no hover/mouse functionality.

I can’t make iPad’s desktop menu to work just like the mobile menu. But I could help you replacing it with mobile menu. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

  @media (max-width: 1024px) and (min-width: 980px){
body.x-navbar-fixed-left-active, body.x-navbar-fixed-right-active {
    padding: 0;
}
.masthead-inline .x-btn-navbar {
    display: block;
    float: right;
}
.x-nav-wrap.desktop {
    display: none;
}
.x-nav-wrap.mobile.in, .x-nav-wrap.mobile.collapsing {
    display: block;
}
.x-navbar {
    width: auto !important;
   position: static !important;
}
.x-brand {
float:left !important;
}
  }

Thanks.

[Author]

Posts