Streaming live at 10am (PST)

Recreating full screen menu issue

of course, I’ve seen it but I even checked this on the facebook groups and this isn’t an easy setup, do you have any suggestions on how to solve this particular custom code solution?

You can start by searching this forum as is great source of informations too. what about this

BTW: you are missing style wrapper <style> </style>

Thanks a lot for your help!

Most of us don’t have a code background, just plain designers who learnt webflow as a visual tool, so I apologize the too many questions, I pasted it with the wrapper and didn’t work, at this point I would understand if this is the last time you’d help me, I’m just tired of dealing with this for days without a complete solution :frowning:

.navbar-link:hover * { opacity: 1; }

Screenshot 2020-11-10 at 00.04.41.png

hi @Fernandoaal I do not expect a newborn baby to know grammar and spelling. All I can do is to show how to learn. I have no problem to help you that’s why I’m here and as a designer and developer I like to help and show how things can be done but I would not do your homework. If I will have this week time I will do an exact copy of this menu.

I will recommend to you as a person with no basic knowledge of CSS to start with more simple things than this menu and I promise that in a few months you will create this or even more complex modules in no time. When I will have an example done I will post it here but in this stage is 98% done. :wink:

thanks bro appreciate the help!

Hi @Fernandoaal here is simple EXAMPLE how they have it done.

Here is a link to LIVE page as JS doesn’t work in Designer preview.

BTW my name is Stan

Hi Stan, hope you are doing well and thank you for your help, it looks great, the only thing is that when you hover out of the links after you click on work, the other links should stay on low opacity, this applies when you move out around the screen, that is what has been the most difficult part from what I’ve seen. I have left you a screenshot and on the agency you can see that aswell, for some reason I can’t post the link again.

Screenshot 2020-11-04 at 13.28.57|476x500

Thanks!

As you see you requesting something that actually doesn’t work 100% on their site identically all the time. I did everything to show you as is or can be done and you are still not happy, so I hope that someone gives you a better solution.

Happy coding :wink:

Hi Stan, It’s not that I’m not happy, it’s just that I’m doing this for someone and they requested it that way. Thanks for all the help! All the best.

Hi @Fernandoaal here is menu with EXACT behaviour as you wish.

LIVE LINK

I will keep it there upto Sunday to give you time to study :wink:

1 Like

Thank you for your response, I will check it out.

Hi @Fernandoaal you should check LIVE LINK to see that is working exactly as you have requested and EXACT link is to Designer to see all settings and custom code. I have changed Ternary operator to if-else condition to make it easier to understand.

If this solved your request feel free to check response that solved your problem as solution to be this question marked as solved :wink:

1 Like

hi @Fernandoaal does this work as you requested?

thanks a lot Stan! I will check it ASAP I’ve just been busy today, I will let you know once it’s done, cheers.

No problem, take your time

Hi Stan, thank you very much!!! I’ve built it like you did, it didn’t work at first but I noticed small details such as adding “has-children” to the ID of the list item for work, then it worked, I also was able to change uppercase to capitalize on the CSS code and now it’s looking perfect as the style on the original design, I am very grateful to have found a solution, thanks again!! cheers.

1 Like

Hi Stan, hope you are doing well, after searching and experimenting, I have one last question, basically the owner of the site is happy with the results, the only thing she asked if the dropdown could hide when the menu is closed, like if the whole menu restarted when you closed it because the dropdown was remaining opened when the user clicked on work, basically I have built an interaction on the 2nd click of the menu button to hide the dropdown, but when the menu is opened again the “work” link remains hovered because it was clicked, I have searched in other place but no one had a solution so wanted to ask you if you got any suggestion that could be better, thanks in advance.

On https://onwards.agency it restarts but it hovers all of the links, I know I am asking something that the source is not completely well done but wanted to check in case, here is the published site: https://leahsportfolio.webflow.io/

sharelink: https://preview.webflow.com/preview/leahsportfolio?utm_medium=preview_link&utm_source=designer&utm_content=leahsportfolio&preview=65d23f511189ce4410bd4c42b4f70790&mode=preview