Jump to content

How can i create a secondary navigation in SS7.1?

Recommended Posts

Site URL: https://hackneydesignstudio.com

Hi people!

Hope someone can help!

I have many pages on my site and i'm looking to cleanly arrange everything on the menu navigation but feel i'm missing an option for secondary or nested menus.

Attached is a screenshot of what i'd like to achieve but happy for someone to suggest a better option.

I've shopped around for a plugin but to no avail.

The issue is that for the the brands i've got pages for, i don't want to build a parent page for that category. I just want people to see that those brand identities fall under that category.

Home page idea for nav.jpg

Link to comment
  • Replies 22
  • Created
  • Last Reply

Top Posters In This Topic

SS 7.1 doesn't support Secondary Menu

To create mega menu, you can use this plugin https://thompsonweb.design/squarespace-plugins-extensions/mega-menu-plugin-squarespace

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks @tuanphan

i did actually take a look at this plugin but the problem would be that it on mobile it reverts backs to just a simple menu and i don't want to have to create pages for the options that have no content other than to direct to them to the next page  - do you see what i mean?

 

 

Link to comment
48 minutes ago, nancy7891 said:

@tuanphan Say i didn't want the drop down preview? Just for the second options to come down after clicking Brand Guidelines...

Can you suggest a solution for that option?

You mean like this demo: https://turquoise-asparagus-ylha.squarespace.com/team-2?password=abc

Pass: abc

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, nancy7891 said:

Yes! Exactly that! is this a plugin? Would there be any options to change the styling?

It's just code to split navigation into 2. You can create items into main nav, then I will give the code.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks @Tuanphan !

I'm not ready to make those pages live yet though! is this something i can get the code for and then adjust when it's ready?

Also - is there any way of having the fake second nav as a drop down? Or will i be able change it's appearance in any way if i want to?

Link to comment
18 hours ago, nancy7891 said:

Thanks @Tuanphan !

I'm not ready to make those pages live yet though! is this something i can get the code for and then adjust when it's ready?

Also - is there any way of having the fake second nav as a drop down? Or will i be able change it's appearance in any way if i want to?

You can duplicate your site, I can check & give code.

Then you can remove the duplicated site

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
3 hours ago, nancy7891 said:

ok great! Thanks @tuanphan

here's the trial site - https://cornet-rhino-3wnf.squarespace.com/

What is access password?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, nancy7891 said:

ah! just saw your link on how to do that @tuanphan

here's the password... VM1884652

You add an item between Press - Merch (you can enter anything)

They will be: Tour - Press - ABCXYZ - Merch

Then I will give the code to make ABCXYZ to break line to split navigation to 2 rows

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
11 hours ago, nancy7891 said:

@tuanphan I've added an about page just now!

Which item position you want to cut the navigation into 2 rows?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks @tuanphan

I've now updated the pages which resembles what i've got on the site. I'd like it to go...

About Us - How We Work - Brand Guidelines - Submit Request (button) for the first row and then i'd like the rest to appear on drop down after selecting 'Brand Guidelines'. Is that possible?

Link to comment

Add blank item to 4th position, then add this to Home > Design > Custom CSS

.header-nav-item:nth-child(4) {
    flex-basis: 100%;
    height: 0;
    position: relative;
    z-index: -1 !important;
    opacity: 0;
}

image.thumb.png.0f40860b20ffcd70d2038d86b8d6a058.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, nancy7891 said:

ok, i've done that @tuanphan But how can i do it as a drop down from the brand guidelines link? 

you can't add folder "brand guidelines"???

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.