Buy me a coffee

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

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder