make mobile menu open up instead of down:

[jgk]

Hello,

In my theme below screen sizes of 800px width I have a mobile menu.

The pane when you land on the page is the full height of the screen except for the menu, which is at the bottom.

So if someone lands on the page on the ipad and doesn't scroll, and clicks the menu open button, it seems like nothing happens because the menu opens below the fold.

How would I make the menu unfold or open up, instead of opening down to mitigate this weird UI problem on ipads and tablets.

Thanks so much for any help!

http://bitly.com/1fCu94B

[Christoph]

Hi,

if using a narrower image is not an option, you can take a look at these:

http://stackoverflow.com/questions/14326259/using-slidetoggle-to-pull-a-hidden-div-up-from-the-bottom
http://jsfiddle.net/j08691/8LXY6/

http://stackoverflow.com/questions/10556549/jquery-slidetoggle-from-bottom-to-top

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[jgk]

Thanks so much Christoph, that helped!
-J

[Author]

Posts