Responsive Mobile Menu Buttons

[Gary1]

Looks like I can't find where the responsive menu icon buttons are hiding
Designing a responsive mobile site from scratch I have been using the one off the JohnJames Theme.
I see that I can also go on the internet and purchase some
Any suggestions.

[gwpriester]

I prefer to create my own buttons and add them to a pop up layer which I create in the Page & Layers Gallery.

The hambuger (the thee horizontal rectangles) links to the pop-up layer. The buttons link to the individual pages.

Since touch devices don't need a mouse over state I leave that empty.

Once I have created the menu pop-up layer, I right click on that layer and select Copy Layer then I go to the other page/layers and Paste Layer.

You will need to manually drag the menu layer to the top so it appears over the MouseOff and MouseOver layers.

[gwpriester]

Here's an example I did a few weeks ago for a member who wanted animated buttons http://gwpriester.xara.hosting/mobile-menu/

Reduce the width of your browser until it shows just the mobile menu.

[Gary1]

This will help
Thank You

[Squeaky]

You can get to it by double clicking on your menu and selecting 'Pop-up menu style' from the bottom right of the panel that opens.
There is a tutorial from Xara about Mobile Variants - including menus here:
https://www.youtube.com/watch?v=xlAU8_G10rQ

I've just posted a feature request about this. The built in pop-up menu items only allow web safe fonts which is no use if your site only uses Google fonts (As mine does). Once again though, Gary comes to the rescue :-)