Why can't I put a nav bar on a pop up layer?

[Tinkerbell]

I have just created my first website with Xara web designer premium. I based it on the free template that came with the trial version although I am now using the paid-for version.
I noticed that the mobile version of the site has a site menu button that works by hovering rather than clicking. This seems a bit strange to me since smartphones are touch screen devices and hovering doesn't work on them. On my own phone a short press doesn't work and a long press brings up the phone's contextual right click menu. Admittedly, if I close that menu the site menu is open underneath it but I don't find this very user friendly.
I would like to create a menu button for the mobile version of the site, which when clicked, opens the full menu. I have tried to do this by creating a new layer above the mouse-over layer called popup. However, whatever I try, Xara won't let me put a nav bar on this layer, it always defaults and pastes to the Mouse off layer.
So then, having read a bit more, I thought maybe I could undo the soft group that the nav bar actually is, and move the bit currently on the mouse-over layer on to the popup layer. But it won't let me do that either.

I would be very grateful if somebody could tell me the simplest way to create a menu which opens when a single button is clicked on a mobile device. Surely this must be possible?
As an aside, I wonder why this isn't the default design for a mobile nav bar/button?

If you want to check out the site in question, it is here: http://hornerartstudio.com

Thank you in anticipation.

[Acorn]

Try https://www.google.co.uk/webhp?sourc...2F%20hamburger

Acorn

[Acorn]

Your Post was in moderation as you are not allowed to Post an external site until you've posted a few more times.
I released this one as it is a link to a Xara-design site.

Acorn

[Acorn]

Also read this Post: http://www.talkgraphics.com/showthre...266#post563266.

Acorn

[Tinkerbell]

Hello Acorn, sorry about that. I'm used to threads where if you have a problem with a particular site, the immediate response is "post a link so we can see what you mean".

I've looked at the links you provided, but they seem to be suggesting the exact same situation I have at the moment.

After I created the original post, I discovered that the soft group of the nav bar is actually about 3 layers deep and if you ungroup them all, you can then move the bottom one. (I'm using the term "layers" generically here not refering to the layers in the website). I haven't taken this any further yet because I was waiting to see if I got any suggestions from here.

In the meantime however, I have tested the site on an android phone (my own phone is a windows phone) and the button seems to work just fine, so maybe I should stop worrying about it.

Thanks for your time, but if anybody else has any other suggestions, I'm all ears.

Kind regards.

[gwpriester]

Here is an example of a sample site I did where the drop down menus are on individual layers http://gwpriester.com/menu-test/

I created my own buttons instead of using a pre-built nav bar. It requires more effort but the result in my opinion is well worth it.

Each layer can have it's own MouseOver layer, but you need to distinguish it with a number so MouseOver-1, MouseOver-2 etc.

MouseOver-2
Menu-2
MouseOver-1
Menu-1
MouseOver
MouseOff