Jump to content

Desktop / Mobile Menu

Recommended Posts

Hello,

I am building a very simple site for a restaurant. The navigation is made-up of simple text links fixed at the top of the site. I would like to be able to keep those nav links visible in mobile as well, instead of the hamburger menu.

What code would do the trick?

Thanks in advance.

Link to comment
19 hours ago, Guigo said:

Yes of course https://www.restaurantayla.com/home-en

Thanks 🙂

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header-nav {
    display: flex !important;
}
}

 

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
20 hours ago, Guigo said:

Amazing, thank you. What value do I have to enter to make it display as a stacked list ?

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

 

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
23 hours ago, Guigo said:

Hmmm not sure how to integrate that, I'm trying to have the menu display in column mode only when viewed mobile. Thanks for your help 🙂

add both code

20 hours ago, Guigo said:

Also, is there a way to make the header background transparent ONLY on landing, and when you scroll down to the next section, the header has a background color?

https://turbot-gecko-zktr.squarespace.com/home-en

 

Thank you!

Very complex. out of the free support

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.