Site logo

Archived topic

Theme not responsive on iPad Pro

22 replies · Started by jbpyn on November 22, 2017

Viewing posts 16–23 of 23

We're planning on adding the mobile menu breakpoint filter in GPP 2.1, which is set to be released later this month. I can update this topic when the code is ready to test if you'd like?

Oh wow, nice feature. Thanks Tom, the update would be great. :)

Hi Tom, I'm just testing GPP 2.1-rc.4 and was wondering if you could give an example of the mobile menu breakpoint filter?

We couldn't fully fit a filter in there yet, but we simplified the necessary CSS considerably:

@media (max-width: 1000px) {
    .main-navigation .menu-toggle,
    .main-navigation .mobile-bar-items,
    .sidebar-nav-mobile:not(#sticky-placeholder) {
        display: block;
    }

    .main-navigation ul,
    .gen-sidebar-nav {
        display: none;
    }

    [class*="nav-float-"] .site-header .inside-header > * {
        float: none;
        clear: both;
    }
}

1000px being the width you want it to kick in at.

Any tips for getting the toggle to float to the right?
[Link removed]

Revisiting this, I still can't get it to work. I need the site to be responsive on the 10.5" iPad Pro. Unfortunately, no amount of messing with this rule seems to work. I would be grateful for any tips.

Thanks

Is any of that CSS still added? Your mobile menu isn't kicking in until 768px.

This archived topic is closed to new replies.