Hide/Show interaction working in preview but not on published site

Hi,

I am trying to make a simple hide/show interaction on the menu, and it works perfectly in the preview mode, but it doesn’t work on the published site.

Does anybody know how can I fix this?

Thanks!


Here is my public share link: https://preview.webflow.com/preview/harmonytang?utm_medium=preview_link&utm_source=designer&utm_content=harmonytang&preview=8cf252e58839f7c8d4f1291e538ad0db&workflow=preview

Here is the published link: https://harmonytang.webflow.io/

@Gaoping_Hu Good morning,

I have seen your problem and I have provided the solution in this video I recorded for you: Show/Hide Menu Interaction

Let me know if you need further assistance.

1 Like

Hi Chris,

Thanks for your quick reply! Really appreciated!

I changed every setting that you mentioned in the video and the interaction works perfectly in the preview mode, however, when I publish the site, the interaction is still not working when I view the site on live.

Is there anything prevent it from happening after we publish the site?

Thanks!

Here is my public share link: Webflow - HarmonyTang

Here is the live site: https://harmonytang.webflow.io/

@Gaoping_Hu Yes, you need to reset the display property of the hidden_nav as I did in the first step of the video then publish.

1 Like

hey Chris, thanks for your reply!

I just reset the display of the div and published the site, the interaction seems still not working when viewing it on live. If I should change any interaction settings on the close_btn div as well?

Really appreciate your help and time!

Here is my public share link: Webflow - HarmonyTang

Here is the live site: https://harmonytang.webflow.io/

@Gaoping_Hu It appears I made a mistake, so what I’d like you to try: on your ham_btn is set the action on the second click to Select an action… let me and then publish it and let me know if anything changes.

1 Like

Hi Chris, thanks for your reply!

I set the action on the second click to select an action on ham_btn , everything work just fine in the preview like before, but when I publish it, the live website is still not showing this interaction which is really weird.

Thanks!

Here is my public share link: Webflow - HarmonyTang

Here is the live site: https://harmonytang.webflow.io/

Hi Chris,

I just found out what was messing up with the interaction after I published the website. The custom code I wrote was incorrectly formatted. So after I corrected the code, everything works fantastic!

Thanks for your help!