Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

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.

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
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;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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 🙂

Share this post


Link to post
  • 0
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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...