Header Menu Formatting for Multiple Levels - Child Items Not Expanding
resolver
Hi, I've been having a hard time fixing the formatting of child items under our header menu. I've been trying for weeks and havent come to a resolution, so very much hoping someone can help!
My company hosts our main website on Wordpress and blog/landing pages on Hubspot, so this only applies to the headers on our hubspot pages. For some reason, after we started adding more levels, I noticed the child items were not expanding properly under its parent item which makes our nav experience really bad...
You can see the incorrect formatting on our blog listing page (blog.intentsify.io)--the menu item 'Company' at the top should expand to 'careers' 'newsroom' 'our story' and 'contact.' But as you can see, the child items under 'Careers (jobs, culture, etc.) don't expand to the right like they should and everything is just squished together. (same for 'our story' which should have 'leadership team' under it).
I'm trying to get the menu formatting to match that of our homepage on Wordpress--doesnt have to be perfect but as long as I can get the menus expanding properly id be happy. I tried going in and adjusting css/html myself, consulted numerous reps, and have had no luck.
It seems like you need to hide the third level menu (display: none;) and then you need to add an ">" between li:hover and ul (ie: li:hover > ul) and add "Display: block;" to it.
After that, you'll need to style to make it look like your website.
Header Menu Formatting for Multiple Levels - Child Items Not Expanding
resolver
Hi! Appreciate the quick response -- still having trouble with this. Can you point me to exactly where i need to make those adjustments? Here's some of the css im working with: