Whenever our website is in mobile mode, the drop-down menu that appears after clicking the three-bar symbol is put at the forefront of the page, the main contents of the page being on the background. However, when trying to scroll through the menu by swiping, the page scrolls through the main content at the background of the menu instead of scrolling through the menu items.
Whenever a user clicks the three-bar symbol, we would like to see the drop-down menu being fixed to the top, and the page’s main content to be below the menu items; scrolling should continue fluently from scrolling through the menu items to scrolling through the page’s contents.