This works when viewing on desktop however on mobile device, it leaves a big gap between the top of page and actual menu.
As well, the top bar is not visible at all on mobile device. I would like it to be visible.
I noticed that when scrolling down the page on desktop, the top bar overlap the menu and then the menu appears below the top bar. Is it possible to have the top bar pushing down the menu instead of overlapping?
