The community member is trying to copy-paste the Nav element from the SaaS Landing Page template to their project, but they are getting the message "NavigationMenu Viewport is missing". After some discussion, it is revealed that the community member had cloned the project a couple of weeks ago, and the Viewport Container is missing, which is required for handling dropdowns.
Another issue the community member is facing is that the menu items' chevrons don't rotate on hover after copying the Nav element to their project. The community members provide suggestions to fix this, such as adding a CSS variable to the button and using it on the icon, or inserting a new navigation menu. However, the community member is still confused about why the "--navigation-menu-trigger-icon-transform" variable is not visible on the button from the official template, and why the transition variable is not fully transmitted when copied-pasted to the target project.
I’ve been trying to copy-paste the Nav element from the SaaS Landing Page template to my project but I get the following message : "NavigationMenu Viewport is missing". What should I do?
Damn... my bad. I cloned it a couple of weeks ago but the Viewport Container is missing. That's why. Really sorry about that, I should have doubled checked first.
I’m not familiar with the Viewport Container element. Why is it used exactly? Some templates like Positivus don’t have it while others do. Is it for handling dropdowns?
It's all good now, thanks for the hand. I'm just confused about why the "--navigation-menu-trigger-icon-transform" variable is not seeable on the button from the offical template, and still the chevrons manage to rotate