Jump to content

[Share] Stacked Navigation

Recommended Posts

You can use these CSS code (Website Tools > Custom CSS) to create stacked navigation bar, like this.

image.png.281927ef24bc1f587eac6d3b8ffe56c9.png

#1. Stacked Navigation on All Pages

nav.header-nav-list {
    flex-direction: column;
}

image.png.a3cde932aa54afe3adce9c8c1fa3d99b.png

#2. Stacked Navigation on Specific Page/One Page

First, you need to find Page ID

image.png.d62a5883dae62b3ad3c4590aa208770d.png

Next, use CSS code like this

#collection-660587f852bd273e40879262 nav.header-nav-list {
    flex-direction: column;
}

image.png.fb7642bb937dbdaf2ae39d6e1c93d59d.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • Replies 0
  • Views 111
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.