Smart Submenu Alignment (Prevent Off-Screen Overflow)

Hi there,

I’m using the GeneratePress theme and running into an issue with multi-level dropdown menus on desktop.

When a submenu is nested deep enough and appears near the far right side of the screen, it opens to the right — and part of it gets cut off or overflows off-screen.

What I need is a way for the theme to automatically detect when a submenu is too close to the edge of the screen and open it to the left instead. This should apply on desktop and happen dynamically, not via fixed manual alignment.

Is there a built-in way to enable this behavior in GeneratePress? If not, is there a CSS or JS solution you recommend to implement this kind of responsive submenu alignment?

As you can see, I don’t want to use a hamburger menu.

Thanks so much for your help — I really appreciate it!

Keith