Hide all borders and lines from main menu

waituk · 14 October 2020 05:42

You may want to remove the horizontal and vertical lines from your main Navigation. To do this, please follow the steps below:

To remove all borders and lines from both default nav and sticky nav, site wide, please go to Appearance >> Customize >> Custom CSS and JS >> Custom CSS and add the code below:

#header {
    border-bottom: 0;
}
.logo {
    border-right: none;
}
.navbar-default .navbar-nav .v-divider {
    border-left: none;
}
#header.white-header.fixed-position .navbar-default .v-divider {
    border: none;
}
.default-page .navbar-default .navbar-nav .v-divider {
    border-left: none;
}

Thank you