Menu laterale con javascript

[tuttainformatica]

Ciao a tutti,
ho realizzato un semplice menu laterale che si apre e chiude premendo un pulsante con javascript; questo è il codice:

function myMenu() {
    var content = document.getElementById("pageLayout-content");
    var menu = document.getElementById("pageLayout-nav");
    if(content.style.paddingLeft=="280px"){
        menu.style.transform="translateX(-280px)";
        content.style.paddingLeft="0";
    }else{
        menu.style.transform="translateX(0)";
        content.style.paddingLeft="280px";
    }
}

contet è il contenuto della pagina che si allarga e si stringe con un padding-left
menu è ovviamente il menu che apro e chiudo traslando la x di -280px, ovvero la larghezza del menu, in modo da nasconderlo tutto


Nei CSS ho inizialmente:

• menu: transform:translateX(-280px)
• content: padding-left:0

ovvero ho il menu chiuso.

Tutto funziona però vorrei fare in modo che con min-width:1200px il menu sia aperto (ovvero translateX(0))
Ho provato a inserire una semplice media query nei css ma penso che javascript non la legga perché la prima volta che premo il button per chiudere il menu, me lo apre anche se è visibilmente già aperto, dalla seconda volta procede normalmente.

Come dovrei fare?

[dreadnaut]

A naso, sarebbe più facile se il menu fosse tutto in CSS. Javascript non è necessario in questo caso. A quel punto, la media query si applicherebbe correttamente.

Se hai la pagina online, ci si può dare un'occhiata.

[tuttainformatica]

Si il link è questo http://tuttainformatica.altervista.org/prova/index.php

non so farlo solo css
Grazie

[dreadnaut]

non so farlo solo css

Questo tutorial è un buon punto di partenza: https://bryanlrobinson.com/blog/css-...ut-navigation/

[lucafornaciarifotografie]

Non funziona perché nel js gli passi lo style che vince sul css. In js dovresti aggiungere le classi e non lo style in line. Una volta aggiunto la classe in js nel css gli fai fare quello che ti serve.

[tuttainformatica]

Sono riuscito a farlo sia con i css che con javascript
Grazie mille!