Currently, I am working on developing a Hexagon menu specifically for mobile applications. My latest progress can be viewed at JSFiddle.
The main challenges that I am encountering are:
- Ensuring that the Hexagon menu remains responsive and always stays centered on the screen where the app is being accessed.
- I aim to relocate the menu activation button (referred to as
id='menucirclebutton'
in the JSFiddle) to the exact center of the hexagon menu upon user interaction. Despite adding themenu-button-move
class, I need guidance on positioning the menu activation button precisely at the center of the hexagon menu regardless of screen dimensions. - Exploring methods to incorporate a scalable Hexagon outline that adjusts proportionally alongside the menu buttons upon activation.