Just working on creating a new dropdown menu (services) on the following site.
The dropdown (Services) is functioning correctly how I want it to on desktop.
However on mobile, when you click on the hamburger icon and then on services it just shows the menu items on top of the other menu items and then the last menu item cannot even be seen.
ideally when clicked/ touched on mobile, I’d like the rest of the menu items to be pushed below and the “services” sub menu to be shown.
That is because you have it set to position “Static” on the desktop breakpoints too. You only need it to be static in tablet and below. You can access the breakpoints from the panel above as shown in the image below.
If you set it back to position “Absolute” on the desktop breakpoint and set it to position “Static” on the tablet breakpoint, your problem should be resolve. Any changes made in each breakpoints cascade down or up from the desktop base breakpoint.
