WebSite X5Help Center

 
Marco V.
Marco V.
User

Estendere il Menu alla larghezza del browser  it

Autore: Marco V.
Visite 820, Followers 1, Condiviso 0  

Ciao a tutti.

Qualcuno mi sa dire come estendere il menu in modo che si adegui alla larghezza del browser ?

Con la Stiky Bar è possibile; è sufficiente spuntare un flag ma con il menu non sono riuscito a capire come si fa.

Grazie per l'aiuto.

Marco

Postato il
11 RISPOSTE
Stiac Engineering
Stiac Engineering
User

Ciao Marco,

Recati allo Step 2 > Struttura del Modello. Se selezioni l'Header o il Footer dal menu "Sezione della Pagina", potrai impostare e spuntare la voce "Estendi alla larghezza del browser". 

In secondo luogo credo necessita che tu imposti la larghezza dell'oggetto paria a quella del breakpoint, se intendi estendere l'Oggetto Menu.

Recati allo Step 2 > Contenuto del Modello, selezioni l'oggetto in questione, tasto desto e compare un menu con le voci "Adatta al contenuto" e "Posizione e Dimensioni".

Adatta l'oggetto e inserisci come larghezza quella relativa al breakpoint in cui è presente l'oggetto (es. 1150px).

Doverai ripetere la stessa operazione per ogni layout in cui desideri che il menu si estenda.

Spero ti sia stato di auto. Buon inizio settimana e buon lavoro su WebSite X5!

Leggi di più
Postato il da Stiac Engineering
Marco V.
Marco V.
User
Autore

Ciao Gabriele e grazie per la tua risposta.

Però non funziona ancora.

Avevo già settato nella struttura del modello "Estendi alla larghezza del browser". Seguendo il tuo consiglio nel Contenuto del modello ho inserito la larghezza a 1150 px e il risultato lo vedi nel jpg allegato.

Se inserisco una dimensione maggiore, ad es. 1300 px, mi visualizza la barra di scorrimento orizzontale il che non è accettabile

Per i layout più piccoli di 1150 il problema non si pone perchè viene visualizzato l'hamburger menu.

Eppure la Stiky Bar viene visualizzata perfettamente adeguata al browser...

Spero non sia un limite del prodotto ma non penso.

Grazie di nuovo per il supporto che potrai darmi.

Leggi di più
Postato il da Marco V.
Stiac Engineering
Stiac Engineering
User

Figurati Marco,

non so se definirlo limite o meno.

Tempo fa riscontri una problematica analoga ma non ricordo esattamente se e come ho risolto.

Nel tuo caso potresti bypassare il problema impostando lo sfondo del menu trasparente e lo sfondo dell'header il colore o l'immagine di tua preferenza (Step 2 > Struttura del Modello > Header > Proprietà grafiche > Colore).

Io sul mio sito ho settato lo sfondo del menu trasparente e ho "giocato" con il colore dello sfondo presente in "Struttura del Modello".

Spero di esserti stato di aiuto. Nel caso la mia risposta non è stata valida, attendi che qualche altro utente o lo staff di incomedia si unisca per una risposta più esaustiva.

Buon proseguimento di giornata! ;)

Leggi di più
Postato il da Stiac Engineering
Marco V.
Marco V.
User
Autore

No Gabriele purtroppo non mi è possibile applicare il tuo consiglio. In realtà quello che vado cercando è di avere l'header di due colori diversi: la parte superiore con il logo bianca e la parte inferiore con il menu gialla/arancione.

Il menu aveva già lo sfondo trasparente e l'header era bianco: volevo fare qualcosa di diverso.

Strano che con la Stiky Bar si riesca facilmente (un flag settato) mentre invece con il menu no.

Grazie comunque; rimango in attesa di qualche altro suggerimento.

Leggi di più
Postato il da Marco V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se non riesci con le opzioni disponibili, allora potresti risolvere in massima semplicità ed immediatezza in EXTRA con il mio solito div_custom di base, universale...

... nel caso ti interessasse, devi postare il LINK della tua pagina per poter valutare e risolvere all'istante, ...altrimenti come non detto...

...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Marco V.
Marco V.
User
Autore

Risolto, anche se in maniera poco ortodossa.

Ho creato l'oggetto Menu, l'ho inserito, l'ho esteso e con Stile righe ho inserito uno sfondo colorato anch'esso esteso alla larghezza del browser.

Chiaramente ho eliminato quello vecchio e ho stretto l'header.

Sembra funzioni.

Grazie per il supporto.

Marco

Leggi di più
Postato il da Marco V.
Mirko Boschetti
Mirko Boschetti
Moderator
Marco V.
........... In realtà quello che vado cercando è di avere l'header di due colori diversi: la parte superiore con il logo bianca e la parte inferiore con il menu gialla/arancione...........

bastava inserire una immagine con la parte alta bianca e la parte bassa (alta come il menu) gialla/arancione o del colore che volevi avere per il menu...wink

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

prova ad inserire questa immagine come sfondo e metti ripeti in orizzontale...wink

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

una cosa cosi:

Leggi di più
Postato il da Mirko Boschetti
Marco V.
Marco V.
User
Autore

Accidenti, hai ragione. Che pollo non averci pensato.

Ormai però ho già sostituito tutte le pagine del sito con l'oggetto menu rimuovendo quello vecchio e non torno indietro.

Tengo buono il consiglio per il prossimo.

Grazie 1000

Leggi di più
Postato il da Marco V.
Mirko Boschetti
Mirko Boschetti
Moderator

nel tuo modo, se aggiungi una pagina dovrai modificare tutte le altre però....wink

Leggi di più
Postato il da Mirko Boschetti