Solved Hamburger menu on desktop request for help

Hello Divi.help,

I consider myself a beginner in webdesign, so if my methodology is out of sync i am open to suggestions.

A website is there where in desktop mode the hamburger menu is used.
I got it working by using a menu module together with a logo and some custom CSS found on the web.

As you can see the menu items stretches the entire width of the row.

• How can this be made with CSS so that the menu items are left aligned and do not use full width ?

• There is also an need to make it fully transparent, if you look now 'Welkom' and 'Specialismen' have different background color. How can this be achieved

• Furthermore i want to decrease the vertical distance between the items to a minimum, now there is a giant gap between actueel and specialismen and specialismen and haptotherapie. How can this be achieved

The url is https://haptotherapieleandertijdhof.nl/

Thank you in advance, and wondering if above problems can be managed more intuitively by using the tools offered by PRO membership ?

 

Hello All,

I have used another resource than divi.help to create the menu i needed. I will share the export of my module

Code:

Log In or Sign Up to view this code.