Make mobile drop-down menu push element down instead of overlaying them.

ecoistic

Hi Armin! :hand:

Is it possible to make a change on the mobile menu so that each element gets pushed down when opening the menu – instead of the menu overlaying other elements?

Does this require extra javascript or can I just fix this with CSS only?

Ive tried to work around this, but Im not too handy with javascript - so couldnt fix this issue.

Any help would be much appreciated! :smiley:

arminunruh

hey ecoistic! :hand:

Hm this is not easy to do by yourself. I'm writing this down and maybe gonna do an option for this one day.
I saw this functionality yes. But I think often it was more like the menu coming from the left, pushing away the content. Like on my mobile website: http://mobile.arminunruh.com/

The menu coming from the top and pushing away the things at the bottom, that is interesting too. But I'm not sure if I ever saw that anywhere.

ecoistic

I did manage to solve this issue to some extent, though there was a small issue with the transition when closening the burger.

Having the menu integrated with the rest of the content, just seems to give the layout an overall better impression over various tablet-sizes.