Assistance Needed for Menu Styling Issues
Hi,
I’m having some issues with my menu styling and would appreciate your help.
- Since my submenus are quite long, I want them to break into a second line, but I couldn’t figure out how to achieve this. I’m attaching a screenshot for your reference. Could you advise me on how to implement this?
- In another attached image, you can see how the reference site has a border around the menu. I’d like to apply a similar border on my site, but whenever I try, it extends to full width instead of wrapping neatly around the menu.
- Also, as in the reference site, I’d like the submenu to show a gap and a small triangle beneath the parent menu item on hover. I managed to add the triangle, but it always appears centered, rather than directly under the hovered menu item.
Thank you in advance for your support!
Best regards,
My Website:
Reference Website:
Comments
Hi,
I suggest using the Mega Menu builder for that. See the following video tutorial:
https://support.muffingroup.com/video-tutorials/how-to-use-mega-menu/
Feel free if anything remains unclear after watching this video.
Best regards
Hi,
The video explains something completely different and is not related to what I asked. I’ve already managed to sort out the issues I had.
Thank you.
What you showed on your second screenshot is a pretty much Mega Menu, so I think that is related.
Anyway, I am happy to see that you handled it.
Best regards