[Resolved] Split menu in "Split"-demo: Can I let it drop below logo?

[Vin]

Hi there,

I have a project where we built upon the “Split”-Demo. Now the menu fits well around the logo on large screens, but on laptops menu elements and the logo overlap. On the standard implementation the menu usually drops below the logo at a certain width. Can I make this happen on the split-version as well?

Thanks and cheers,
Kevin

[Leo]

Hi there,

The menu actually doesn’t drop below the logo in the default version of Split – it just goes into the mobile mode like this:
https://www.screencast.com/t/CDywZ9jWrR

The long menu item names are definitely not quite suitable for this layout, but you can try increasing the mobile menu breakpoint so it goes into toggle when it overlaps:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

Let me know if this helps 🙂

[Vin]

Hi Leo,

ah I see, we decided to not split it then (so removed the relevant custom css). Thanks again for the fast response 🙂

Best,
Kevin

[Leo]

No problem 🙂

[Author]

Posts