primary menu spacing to match columns

[Toby]

Hi

I'm designing my site with a 10 column grid. How do I align the menu to this grid?

www.tobyneilan.com/projects-4
I've numbered the columns on sample page to highlight the misaligned menu

Thanks
Toby

[Richard]

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:

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