Copy-Paste - Navbar

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)

1 Like

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: Screen Recording 2018-05-14...

Definitely a great question!

Hopefully, this was helpful :blush:

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

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:

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

1 Like

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: Screen Recording 2018-05-14...

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:

1 Like

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