Streaming live at 10am (PST)

Copy-Paste - Navbar


#1

Hello!

I copy-paste a navbar and although I could paste the navbar into the new website, however, the interactions does not work :frowning:

That’s the link to the website: https://preview.webflow.com/preview/franciskodak?preview=40e889e391cfd01b4161250590deffff

Could you please help me how to make the interaction work on the navbar element? If you click on the hamburger icon it does nothing.

Thank you!

Francis


Here is my public share link: LINK
(how to access public share link)


#2

Hi Francis,

Thank you so much for posting about being unable to get the nav interaction to work as expected.

I was able to take a look at your project and noticed that the element with the class name “body–overflow” has a z-index of 123 which covers the link of the menu - preventing users from using the interaction.

The following short screencapture provides a solution: https://cl.ly/371s1F2S243F

Definitely a great question!

Hopefully, this was helpful :blush:


#3

Hi Micah!

Thank you so much for the video explanation! I did what you suggested, however, the Left Nav bar still does not work. If I click on the hamburger icon, the navbar does not show.

Could you please suggest something?

Many thanks!

Francis


#4

Great question, and I would be happy to help.

Would you be able to provide the Read-Only link of the project that contained the original interaction before it was copied to this project?

This would be helpful so that I know exactly how the interaction should be completed. :blush:


#5

Hi Micah!

Many thanks!

Here is the link: https://preview.webflow.com/preview/franciskodak?preview=40e889e391cfd01b4161250590deffff

I wanted to create the same as I have here: https://www.finelab.co.uk/

Best regards,

Francis


#6

Hi Francis,

I was able to take a look at your project more closely and found that a few interactions were not completed.

The following short screencapture walks through the solution: https://cl.ly/1I0Z2i2L3Z0q

Also you can view the read-only link at the following URL: https://preview.webflow.com/preview/franciskodak-test?preview=21f8302b3b0e23e85c122ad051214566

As you can see there are a few click interactions that would be need to complete the interaction.

Definitely a great question!

Hopefully, this was helpful :blush:


#7

Hi Micah!

Thank you so much for explaining this! Now its working! :slight_smile: I really appreciate your support!

However, since I added this navbar the buttoms are not working on the landing page and also please try the navbar - sometimes is behind the content sometimes is in the front. I’ve tried to look the original landing page/ home page but to me everything seems to be the same.

Could you please look at that too?

Thank you!

Francis