iPad Pro renders nav inline - issue with parent elements

[hivehouse]

I noticed that when an iPad Pro visits a website I built in Pro 2.0, it renders the inline nav because its such a big tablet. However, the parent nav item cannot be tapped to open the page.

Is there a solution to include the iPad Pro tablet size when triggering the nav collapsed option that I’ve set to show on medium, small and extra small screen sizes?

[ruenel]

Hello There,

Thanks for writing in! Regretfully we only have extra large, large, medium, small and extra small. I am not sure if iPad Pro tablet size is included in the medium size screens. It seems that the screen size of iPad Pro is considered as large screens. Anyways, you can make use of a custom css to hide/show element. Simply add an ID or a custom class and you can use this code:

#my-ID,
.my-class {
  display: block;
}

@media(max-width: 1024px){
  #my-ID,
  .my-class {
    display: none;
  }
}

where in the 1024px is the screen size of the device that you want the element to hide or show. You can switch the css if initially you wanted to hide the element and show it in smaller screens.

Hope this helps.