Desktop / Mobile Menu

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.

Can you share link to your site? We can check easier.

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

Thanks 🙂

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;
}
}

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

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;
}

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 🙂

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!

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