Archived topic
Theme not responsive on iPad Pro
22 replies · Started by jbpyn on November 22, 2017
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]
Since you're using the mobile header, I would do this instead: https://generatepress.com/forums/topic/mobile-header-size-tablet-view/#post-541540
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.