WebSite X5Help Center

 
Pascal 3V
Pascal 3V
User

Menù responsive finestra a sinistra  it

Autor: Pascal 3V
Visitado 1707, Followers 2, Compartido 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.

Publicado en
22 RESPUESTAS - 2 úTIL
Mirko Boschetti
Mirko Boschetti
Moderator

prova ad inserire questo in Impostazioni►statistiche,Seo e codice►Esperto►prima della chiusura del tag head:

<style>
.hamburger-button {left:0px;}
</style>

Leer más
Publicado en de Mirko Boschetti
Pascal 3V
Pascal 3V
User
Autor

Ho provato il codice che mi hai detto.....non funziona..

grazie comunque per il tuo aiuto...;)

Leer más
Publicado en de Pascal 3V
Pascal 3V
Pascal 3V
User
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.

Leer más
Publicado en de Pascal 3V
Tommaso Tarallo
Tommaso Tarallo
User

si può spostare il menu a sinsitra selezionando il breakpoint nella gestione delle sezioni e variando il valore di Ascissa X

Leer más
Publicado en de Tommaso Tarallo
Pascal 3V
Pascal 3V
User
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

Leer más
Publicado en de Pascal 3V
Pascal 3V
Pascal 3V
User
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).

Leer más
Publicado en de Pascal 3V
Mirko Boschetti
Mirko Boschetti
Moderator

e se al mio codice aggiungi questo, funzia?

#imMnMn > ul {
    left: 0px;
}

Leer más
Publicado en de Mirko Boschetti
Pascal 3V
Pascal 3V
User
Autor

ho appena provato...niente....:(

ho allegato un immagine...forse l'ho messo giù male..?

Leer más
Publicado en de Pascal 3V
Mirko Boschetti
Mirko Boschetti
Moderator

No, lo devi mettere prima di </style> wink

Leer más
Publicado en de Mirko Boschetti
Pascal 3V
Pascal 3V
User
Autor

ho provato come da allegato .....niente da fare.

:(

Leer más
Publicado en de Pascal 3V
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... nel tuo STAMP vedo le righe 1,2,3 fuori del TAG STYLE ...!...

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Mirko Boschetti
Mirko Boschetti
Moderator
Pascal T.
ho provato come da allegato .....niente da fare. :(

Nooo, tutti i codici vanno tra i 2 tag sryle...

Leer más
Publicado en de Mirko Boschetti
Pascal 3V
Pascal 3V
User
Autor

scusate...grazie comunque ora riproverò e poi vi dico.

Leer más
Publicado en de Pascal 3V
Pascal 3V
Pascal 3V
User
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  :(

Leer más
Publicado en de Pascal 3V
Mirko Boschetti
Mirko Boschetti
Moderator

mi hai scritto in privato, e quando ti ho risposto non ti sei fatto più vivo...?

Leer más
Publicado en de Mirko Boschetti
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

@Pascal, posta il link del sito online dove stai facendo le prove...

Leer más
Publicado en de Claudio D.
Pascal 3V
Pascal 3V
User
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...

Leer más
Publicado en de Pascal 3V
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pascal T.
... ... ... 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>

.



Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Pascal 3V
Pascal 3V
User
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 !!!!  ;)

Leer más
Publicado en de Pascal 3V
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non ho visto il tuo CSS ma ho visto che la tua pagina funziona ottimamentewink,  ...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

Leer más
Publicado en de  ‪ KolAsim ‪ ‪