Link text on popup layer

[sorengen]

I think you may have uncovered a conflict/bug with a MouseOver animation and Sticky objects on a popup layer - I ran a test which caused a sticky text area NOT to stick as expected! In my case text disappeared up the page on its popup. I will post what I believe the issue to be later, but in the meantime, I have a solution which I think works better than having your large menu bar hog a lot of permanent space on (at least) the index page.

Attachment 127968

Here is the principle (XAR attached):

1. Let the large menu bar scroll up the page and out of view, have a 'hamburger' icon with a link to Top-of-Page that retrieves the menu by scrolling it into view from the top.

2. Optionally: you can add a slim NavBar that is sticky at the top of the page (always visible) and it too can be used to bring any submenu into view (again by scrolling it into view from the top). In my case I have used a Javascript link to the Xara generated popup id: xr_cpu(n), where "n" is the internal number assigned to each popup. To find the correct number, create a link as normal (preview in Chrome/Firefox) and you will see that in the bottom left of your browser "javascript:xr_cpu(n)" for each popup. You then add the command to open at the top of page "javascript:xr_cpu(n);xr_top()"



3. For each page that your submenu's take the visitor, I would use a simple standard NavBar, similar to the slim NavBar in (2) - note the popup number (n) changes for each popup on each page.

When you come to do the mobile variant this approach might help.

I will post the conflict/bug later - it could just be me - and there is likely another way getting the large menu to stick correctly!

Very nice, Gary! Thank you! I like both ideas, but like that slim bar at the top best. I think I will give that a try and make a case with the client for more 'real estate' space! Thanks so much for taking the time to help me find a working solution that I think I can 'sell'!