Menù responsive finestra a sinistra
Autor: Pascal 3V
Besucht 1713,
Followers 2,
Geteilt 0
Salve a tutti,
Vorrei mettere la tendina che si apre nel menù responsive a sinistra. website x5 V13 non permette di modificare la versione responsive e la mette di default a destra.
Come posso fare?
Premetto che non capisco molto sui codici...potete aiutarmi ?
Inoltre la "X" dentro tale finestra quando viene aperta che ha la funzione di chiusura della stessa...vorrei anch'essa cambiarla di posizione...
Spero qualcuno abbia capito cosa intendo....ho allegato una gif per farmi capire meglio.
Gepostet am
prova ad inserire questo in Impostazioni►statistiche,Seo e codice►Esperto►prima della chiusura del tag head:
<style>
.hamburger-button {left:0px;}
</style>
Autor
Ho provato il codice che mi hai detto.....non funziona..
grazie comunque per il tuo aiuto...;)
Strano con la 12 funzionava:
http://www.mirboprova.altervista.org/ws-12/
hai inserito il menu fisso con scroll della pagina?
Autor
Mirko ho guardato il link del link che mi hai mandato...non funziona come io voglio. forse mi sono spiegato male ...a me servirebbe che nel momento in cui io schiaccio il pulsante hamburgher nel menù responsive la finestra si apra a sinistra e non a destra .
spero qualcuno abbia la soluzione.
si può spostare il menu a sinsitra selezionando il breakpoint nella gestione delle sezioni e variando il valore di Ascissa X
Autor
potresti essere più preciso su che passaggi dovrei eseguire (ricordo che non sono molto pratico di codici ) con il programma website x5 v13
grazie per l'attenzione
Autor
comunque il menu a sinistra so come spostarlo. la finestra che si apre quando schiaccio il menu hamburgher in modalità responsive che si apre da destra verso sinistra è quella che voglio modificare..spostandola dall'altra parte (da sinistra verso destra).
e se al mio codice aggiungi questo, funzia?
#imMnMn > ul {
left: 0px;
}
Autor
ho appena provato...niente....:(
ho allegato un immagine...forse l'ho messo giù male..?
No, lo devi mettere prima di </style>
Autor
ho provato come da allegato .....niente da fare.
:(
...!... nel tuo STAMP vedo le righe 1,2,3 fuori del TAG STYLE ...!...
Nooo, tutti i codici vanno tra i 2 tag sryle...
Autor
scusate...grazie comunque ora riproverò e poi vi dico.
Autor
ho appena provato come da allegato (sperando che sta volta l'abbia messo giù bene..scusate non ho mai studiato i codici...*sono un grafico).....ma non funziona :(
mi hai scritto in privato, e quando ti ho risposto non ti sei fatto più vivo...?
@Pascal, posta il link del sito online dove stai facendo le prove...
Autor
ad oggi non l'ho ancora pubblicato online......faccio le prove dall'anteprima del programma. quello che mi serve sarebbe un codice che farebbe uscire la finestra da sinistra verso destra invece che il contrario in modalità responsive ...
nel caso comunque volessi dare un occhiata in diretta ..potrei pubblicarlo...
Autor
Ho appena pubblicato il sito prova.
ecco il link :
http://www.pascal97.altervista.org/
spero qualcuno riesca ad aiutarmi...
... non posso fare più di tanto; non ho il programma per poter essere preciso, ...ma, potendo adesso osservare il tuo sorgente, ho individuato gli enti in gioco che ho inserito nel codice a seguire, e che dovrai sostituire in toto al precedente; ...fai sapere e fai la prove ripubblicando in rete che poi si controllerà il LINK...
<style>
@media (max-width: 1262px) {
.hamburger-menu-background {left:0px !important}
.autoHide {left:0px !important;width:198px}
#imMnMn.auto {width:30px}}
</style>
.
Autor
Kolasim ti ringrazio tanto funziona bene il tuo codice. (fa comparire a sinistra la finestra ...non con l'effetto entrata da sinistra verso destra ma lo fa comparire li e va bene.) grazie tanto del tuo aiuto!
ps
..anche se io ho risolto proprio poco fa cambiando alcune informazioni sul file menu.css ....quindi successivamente ho caricato tale file, che allego (utilizzabile da chiunque ne avesse bisogno), sostituendo quello generato automaticamente da website quando si pubblica il sito online.
Grazie ancora veramente kolasim, il tuo codice può essere una valida alternativa !!!! ;)
... non ho visto il tuo CSS ma ho visto che la tua pagina funziona ottimamente, ...pertanto, se non vuoi sostituire tale file ad ogni esportazione, allega il tuo CSS "menu.css" (*) al progetto, tramite il pannello ESPERTO, lasciando "files" come destinazione proposta per default, e sempre nel pannello ESPERTO | Codice personalizzato | Prima della chiusura di HEAD incolla il codice che richiama il tuo CSS:
<link rel="stylesheet" type="text/css" href="files/menu.css" media="screen" />
... venendosi a posizionare alla fine della lista in HEAD dovrebbe prendere priorità sul CSS del Programma, e puoi provare per averne conferma...
(*) - puoi nominarlo anche diversamente...
.
ciao