Hi all !
I have a problem, maybe a bug ? I’ve setup a shadow effect under the open mobile nav bar of my project. It looks super great in webflow but when i publish the website, shadow just desapear. Any idea ?
below are screenshots:
read-only Link to my project:
https://preview.webflow.com/preview/mindsquare?preview=5c7a96e97efdedc08424c4dc55316a97
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hey, I noticed the same thing on my machine. Actually, it only does it on the right & left, but when you use the down action it shows. This may only occur because the pre-made component, oftentimes they’re built with certain settings and style in the background. I think may be one of those issues. I’ll keep checking for ya. Hopefully I can help you out.
Yeah I decided to add the menu from scratch. You can easily just replace that native wrapper with a new div, and drag those links inside it. I gave it the style with shadow, added a click interaction on the hamburger button. It works! It has to be something hard-coded in the nav component. Here’s the video:
Damn ! Ho my god thank you so much for having taken the time to do this video ! I will try to replicate it with the interractions then ! 
have a great day & thanks again !!
Not a problem, I like the control of this div better than native components. Hope it works out. Have a great evening.
Hi again 
I’m now playing around with interraction… the possibilities looks endless and beautiful !
One question though, does using interraction for mobile menu navigation influences the way google see my website (or the website of my client) as a responsice website / mobile friendly website therefore influencing its ranking ? Or does it has nothing to do with it ?
Sorry for my dumb questions… I’m just a designer trying to get into developement
Cheers !
So I’ve successfuly rebuild your interraction trick for the menu and it works like a charm.
I just noticed one problem, when i click on the hamburger menu, the menu appears (all great), when I then however click again on the hamburger menu, the menu disappears (all great too), but then the three links on the homepage do not function anymore.
Am I doing something wrong maybe ?
Read-only link:
https://preview.webflow.com/preview/mindsquare?preview=5c7a96e97efdedc08424c4dc55316a97
Anyway, have a great sunday
Oh okay let me check again for ya… one sec… Are you sure? The menu worked just fine for me.
All good ! I just got rid of the native mobile nav bar and rebuild one from
scratch with a regular div block that appears only on mobile screen and
it works all fine now !
Thank you for showing me the way !
Anthony
Awesome! Glad I could help. Take Care.
I will now show it to my client ! Hopefully he’ll be convinced to further
work with me and get his site hosted with webflow thanks again for
everything!
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.