alexlii
(Alex)
1
Hello,
I am trying to custom a menu for our site, and I want it is a individual hype document, so that it could be flexible to change or maintain.
Here is what I did:
1.Create mens with both PC and mobile layout:
2.Put the menu shortcode into a page:
The problem is that the drop down content will display only if the layout is set to enough Height like 570px.
Expect behavior:
the dropdown content will be triggered to display even the scene is set to 85px.
Anyway to do it please? Here is my document.
menu.hype.zip (26.5 KB)
Thanks.
Alex
alexlii
(Alex)
2
Alternatively, it would be great if Hype support record the height change, I mean here:
MaxZieb
(Loves Hype)
3
Try using this extension from the extension project:
MaxZieb
(Loves Hype)
4
Also set the position via CSS if you want to have it overlay or be sticky.
https://www.w3schools.com/css/css_positioning.asp
alexlii
(Alex)
5
@MaxZieb,
Great thanks, that is too complicated for me.
it is hard to add animations to these scenes.
Also, the more Javascript will cause slow down website.
I tried to do it by my way:
make two scene, the contract one scene:
and second one expand:http://prntscr.com/lvt56a
and add animation to scene.here is the result
test.mov.zip (1.7 MB)
or you may check it on my site on mobile mode:www.lovcour.com
it is not a perfect solution since the menu content is not overflowed across other scene, so, I am still looking a simple way.
Thanks.