Mobile menu scroll closes menu: upfront

Hi there. disclaimer I found a solution. Just wanted to posted this incase anyone else if having a similar issue. This mostly worked for me.

ISSUE: So on phones my menu for steingardstudios.com was running all the way to the bottom of the screen just because there is a number of menu items. So when scrolling the menu down it was closing.

SOLUTION:
In upfront I
- jumped into responsive mode
- edited the default appearance of the menu
- edit css
- select brake point for mobile (which is set for vertical)

so for the css in there I put

ul.menu:first-of-type > li:last-child {
    margin-bottom:100px;
}

to put some extra space at the bottom of the menu. It resulted in there being a nicer spacing and definition to the end of the menu and mostly takes care of the scrolling issue that closed the menu. It will still close if you scroll but that is still handy. Just not so quickly.