[Support request] Mobile Menu Breakpoint

[Craig]

Hello,

I used the following code to change the breakpoint. However, the dropdown menu is not full width. Is there a way to make the dropdown menu full width as it is on mobile?

@media (max-width: 768px) {
.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;
}
}

Thanks for the help!

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

You are using the mobile header so this is actually the code you should be using:
https://gist.github.com/generatepress/282078076cd8631c17717d5b8640c043

However, this option has actually been added in the next version of GP Premium and the alpha is currently available. If this is still a development site then I’d highly recommend using the new option:
https://generatepress.com/gp-premium-1-8/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Craig]

Awesome, thanks Leo! When do you anticipate this new version to be production ready?

[Leo]

It depends on how the testing period goes – if all goes well, it should be released in a couple weeks 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts