Slideout Navigation - Different Breakpoint

Hi Sarah, this will help:

https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

Thanks David,

That helped changing the breakpoint.

Now my problem is, the menu-toggle shows on a second line. I tried fixing it by changing the css to:

.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items,
.sidebar-nav-mobile:not(#sticky-placeholder) {
display: block;
float:right;
clear: none;
width: auto;
}

but now it overlaps with the search button on the right inside the div class=mobile-bar-items.

Hi Sarah, can you provide a link to the site?

Hi David,

https://resoulchurch.com/au

Thanks

Hi Denise, try adding position: static; to the extra code you have added

Awesome! That worked. Thank you.

Do you think this will be updated?
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width