mobile menu

i deactivated standard menu and moved it to look like mobile menu.

I have two problems:
-first problem is that when you load page on mobile/tablet device, menu is automatically open and you can move website content left and right. Can you give me css code to close menu.
-second problem is when i am at middle of website and when i click on main menu to open, it get me on top of page.

for changing menu to mobile menu i use this code:

@media only screen and (max-width: 2600px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}

.responsive .av_mobile_menu_tablet .main_menu {
display: none;
}

.html_mobile_menu_tablet #mobile-advanced {
display: block;
width: 20%;
right: -20%;
}}

@media only screen and (max-width: 990px) {
.html_mobile_menu_tablet #mobile-advanced {
display: block;
width: 100% !important;
right: -100% !important;
}}

just try to move on mobile or tablet whole content after loading without opening menu you will see that you can move whole content but when you open and close menu you can not move content anymore…so i guess menu is automatically open after loading page.