Skip to main content

This knowledegebase article covers how to change the styling for the mega menu, through custom css.

Just add the following to the custom css panel within Theme Options. The below can be used to hide the horizontal / vertical borders:

/* Remove horizontal mega menu borders */
nav.mega-menu li .mega .sub .sub-menu li {
border: 0;
/* Remove vertical mega menu borders */
nav.mega-menu li .mega .sub .sub-menu {
border-left: 0;
border-right: 0;

If you have any other requests, then please comment below and we’ll see what we can do.

– Ed

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.