Hi there,
One of my Menu’s sub-menus currently has 13 entries, which tends to extend below the bottom of the page. I want to add some custom CSS in order to make the Menu function as displayed in this link:
Under the appearance Menu there is a “Custom CSS” panel, but I’m a bit of a noob so I’m not quite sure how to use it. I’m also hesitant to tamper with the CSS and wreck everything.
Any advice on how to ‘install’ the code displayed in the link above would be much appreciated.
Also, I don’t want this to affect the mobile menu functionality, just the Desktop version.
Thanks,
Wesley
Hi Wesley
Thanks for your support.
Something like this is unfortunately more in the custom development category than regular support. We can try point you in the right direction though.
The CSS for this demo that would go under Appearance > Custom CSS is:
However there isn’t any .dropdown class in our menu so you’d need to change all references that say .dropdown to .menu
You could then use a plugin like this: https://wordpress.org/plugins/header-and-footer-scripts/ to insert the Javascript into your header:
But again, you need to change all .dropdown references to .menu.
I haven’t tested this but there is a chance this might not work with the existing menu functionality in Vantage or with the Vantage mobile menu.
http://codeable.io/ would be our recommendation if you’d like a quote to get developer assistance with a task like this.