To make a responsive menu that will load some HTML content.
In my work, I created a main menu, each element contains the name of the family of the lords of Westeros. Clicking on each menu item in the main menu will open a side menu with a list of lords from the selected family.
If you select the appropriate lord from the list of lords, will be displayed text information with a picture about the selected lord.
- for screen resolutions less than 992px
- for screen resolutions less than 768px
- for screen resolutions less than 768px with active burger-menu
- for mobile devices
Also in my project I'm using javascript to listen event "click", that assigns the active classes to display the selected information.