2 rows Navigation – BEAVER HERO

Suppose your menu has these items

and you want to break into 2 rows

Row 1: Home, Contact, Services
Row 2: EFFECT – DO NOT DELETE, Demo FR, Contact

#1. First, you need to add a Link Item after Services

with
+ URL: #
+ Name: Link Break

Make sure “Line Break” under Services

And you will have

#2. Use this code to Custom CSS box and Save

div.header-nav-item:nth-child(4) {
    height: 0 !important;
    width: 100% !important;
}
div.header-nav-item:nth-child(4)>a {
    color: transparent !important; 
}
[data-folder="root"]>div>div>div:nth-child(4) {
    display: none;
}

#3. Finally, you will have a result like this

Ask me a question, free