2 rows Navigation

Suppose your menu has these items

2 Rows Navigation 01 Min

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

 

2 Rows Navigation 02 Min

with
+ URL: #
+ Name: Link Break

2 Rows Navigation 03 Min

Make sure “Line Break” under Services

2 Rows Navigation 04 Min

And you will have

2 Rows Navigation 05 Min

#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

2 Rows Navigation 06 Min