Side menu navigation 7.1

fufu15 · January 2

Hello, I would like to create a side menu navigation like on the following page:

https://www.amazonicorestaurant.com/london/#top

I read quite a lot of topic on this one, but no solutin yet.

contemplate-muse.squarespace.com pw: demo

@tuanphan Can you help?

Edited January 2 by fufu15

Ziggy · January 2

As a start you can try this Custom CSS:

.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    position: absolute !important;
    right: 0;
    top: 30vh;
}
.header-nav-list {
    flex-direction: column;
}
.header .header-nav-wrapper a, .header .language-item a {
    text-align: right;
}

fufu15 · January 4

It worked! Thank you so much! 🙂

How can I edit this solution to position the menu on the left? I assume I probably have to change the header style maybe first to position the menu on the left?

update: I could solve this on my own!:) I'm so happy!

Edited January 4 by fufu15

Ziggy · January 4

11 minutes ago, fufu15 said:

update: I could sonve this on my own!:) I'm so happy!

Nice one, hopefully you changed:

right: 0;

Ziggy · January 4

11 minutes ago, fufu15 said:

update: I could sonve this on my own!:) I'm so happy!

Nice one, hopefully you changed:

right: 0;

to:

left: 0;

Side menu navigation 7.1

Recommended Posts

fufu15

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy

Ziggy

Ziggy

Ziggy

Link to comment

fufu15

Link to comment

Ziggy

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

Ziggy

Ziggy

Ziggy

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources