Dear Toby
@Toby
Thank you for the numbers to help with what you are trying to achieve, I believe I understand 🌝
I would suggest not using four separated menu's but one menu set to: 'top -left' in:
Customize > Menu Style > Primary Menu
Then using Custom CSS added to:
Lay Options > Custom CSS & HTML > Custom CSS
Apply either a % unit or 'vw' unit to the 'menu-item' making each have a margin or padding of a quarter width of the page.
This would work the same as if you had the option to use % instead of 'px' for the 'Space Between' setting in Menu Customizer:
Screen Shot 2021-05-11 at 3.46.49 PM.png
Sorry that there is no built in options for this currently.
https://laytheme.com/documentation.html#custom-css-styling
https://www.w3schools.com/cssref/css_units.asp
https://www.w3schools.com/css/css_margin.asp
https://www.w3schools.com/css/css_padding.asp
Sorry for any inconvenience Toby and thank you for supporting Laytheme.
Sincerely
Richard