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

Customizing nav bar

Question

Hi,

So I have my nav bar centered, but I want a button on top of my nav bar that says contents and when clicked the nav bar becomes visible right below it. Code wise I was thinking the functionality be someone like this demo except it will display horizontal not vertical. I understand the code and everything I am little confused on how to exactly make it work with squarespace's built in nav bar already. Anyone have any idea how to maybe go about this? I included an image to help show how I kind of want it to look after one clicks conte button.Thank you!

Screenshot (378).png

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

You need to use CSS to hide Nav, then use JavaScript to attach effect to button

When clicking on  button, JavaScript will add a class: show-on-click to button, then we use CSS to show up Nav.

It is time-consuming.

You may need to be mentally prepared to hire someone to do this, in case you don't get an answer in the next few days.

 


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

Yeah I understand how to trigger the visibility i think my main issue is solely getting the button above the nav bar. When I put code blocks it only effects the body but how exactly can i add code to the very top of the page? I just want to simply add a button and place it at the very top of the page and I can make the functionality myslef

Share this post


Link to post
  • 0

use CSS position: fixed/absolute to move button to top

or use JavaScript to insert button to top


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...