Hello there,
Thanks for this great Theme and for all your effort! Right now I am wondering how to make a responsive menu. I have four menu points (just words in the same typesize) and I want them to take the whole browser width, for all desktop/tablet browser sizes. That means the spaces between the menu points should change. Is there a way to implement this? Thanks a lot!
-
Menu + spaces between adapt to browser width
-
Dear @PC
I see in the 'Customize' menu that only px are available atm..
However you could target the menu adding CSS and then give the Menu a 'Viewport' margin OR 'VH' setting "viewheight"
The menu points will space themselves based on your browser's height:
https://css-tricks.com/fun-viewport-units/So in 'Lay-options - 'Custom CSS & HTML" you would add some code to the top section - 'Custom CSS'
Example:
.laynav .menu-item { margin-bottom:10vh !important; }
Good Luck and let me know how you go! :)
Best Wishes
Richard -
Dear @Richard-K , thanks a lot for your helpful reply. I had not seen your answer for a long time and then changed the design because of other reasons. With the next website I will try that. Thanks for helping! Best, Pia
-
Dear Pia @PC
Cool, thanks for following up and concluding the thread :)
Best of Luck wiht future Projects and thanks for using Lay Theme!Richard