https://a-harttech.tk/sandbox/
I've tried several times to upload the Xara file, to no avail. its almost 9MB
Printable View
https://a-harttech.tk/sandbox/
I've tried several times to upload the Xara file, to no avail. its almost 9MB
Had to have a play:
:pointAttachment 126289
Acorn
Slight variation on Acorn's example.
Attachment 126290
On a side note: if you find the 'Close Automatically' setting stops the links on some mobiles from working you can rename 'menu' to 'menu(lock)'
To clarify I would like the buttons to operate like a navbar. and for the thing that drops down to be under the thing which triggers it.
You can edit the graphics to suit how you want it to look. I've added the (lock) version so that someone trying something similar can see what I'm talking about.
Attachment 126291
Now, do I make it sticky, without messing up the animation? and why doesn't it close when I start to scroll?
Attachment 126292
https://a-harttech.tk/sandbox/
To make a popup layer sticky and have animation requires a workaround.
Remove the animation from the link that calls the menu layer
Cut everything from the menu layer and paste-in-place on the mouseoff layer (leave all the objects selected)
In Web Animations > Reveal/Scroll select your desired animation (leave all objects selected)
Cut the objects and paste-in-place back on the menu layer
If you try to add a reveal animation that is sticky whilst on a layer, Xara will tell you it can't be done...but it can.
You will have to hang fire for someone versed in the black magic art of coding to tell you how to make it disappear when scrolling, I'm just a peasant.
I finally remembered who told me about this workaround originally - Initiostar. How people work these things out is beyond me. I just shrug, mutter about it and look for an alternative.
Well, the menu buttons work, the animation plays, it's even sticky: but now it slides down from over the header instead of under it.
Is this final dilemma something I will need to be content with?
Attachment 126293
https://a-harttech.tk/sandbox/
I did this several years ago using layers. http://gwpriester.com/menu-test/
Try Zoom Fade In for your animation; it has a better impact and retains the original header. If you want the popup to close on-scroll, you need some code to do this. I believe Acorn could advise how best to do this.Quote:
Well, the menu buttons work, the animation plays, it's even sticky: but now it slides down from over the header instead of under it. Is this final dilemma something I will need to be content with?
Just don't make the Menu Layer items Sticky.
Acorn
There is (maybe) an easy way to achieve the same effect for your mobile variant as your desktop site, whereby when you scroll upwards, the menu scrolls upwards too. Rather than have your mobile 'menu' button link to a separate layer, the animated menu is placed on the MouseOff page (thus avoiding the workaround for sticky animated objects on a pop-up). The menu button simply links to the top of page, and as it does, brings your menu back into view. If you place the same button on your desktop you have consistency between the mobile and desktop variants. This would be consistent too with your top of page buttons in the variant footers.
Attachment 126295
Where mobile buttons have a MouseOver, clearly this has no effect on a touch device other than (at least in the Android world), the active page shows the MouseOver effect e.g. https://theparsonage.co.uk. This can be helpful to the visitor in that it confirms the page he/she is on, when you bring up the menu.
However, where, you have multiple buttons you will likely have to revert to mobile menus.
Hopefully, this may of use.
I like that, it is lateral thinking at its best.
Acorn