Mobile menu problem

Hello.

Because the menu has many buttons i used this `@media only screen and (max-width: 1154px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}`

But when i turn tablets to landscape mode the menu appears like a sidebar and not with a button.

Thank you