Remove navigation in mobile version

The website i’m building is a single page. I managed to remove the navigation on desktop but not in mobile version.
This is the code I’ve added but’s not working:

@media only screen and (min-width: 1025px) {
    .main-navigation {
        display: none !important;

Any tips?
(and sorry for all my questions lately but i’m racing against time :/)

Hello MDS,

Please try to use this CSS code instead:

header#masthead div.btn-menu,
header#masthead nav#mainnav {
    display: none;

Kind Regards, Roman.


Thank you!

You are welcome MDS!

Kind Regards, Roman.