I am trying to implement the Hexagon menu for mobile applications. The end result is
My attempt is a JSFiddle .
I am now facing issues:
- How to make the Hexagon menu susceptible so that it is always located in the center of the screen on which the application is downloaded?
- I want to move the menu activation button (referring to
id='menucirclebutton'jsfiddle) to the center of the hexagon screen as soon as the user clicks the button. Right now, I added a class menu-button-move. How to make the menu activation button located in the center of the hexagon, regardless of screen size? - How to implement a Hexagon scheme that scales using menu buttons when activated?