Estendere il Menu alla larghezza del browser
Autor: Marco V.
Visitado 973,
Followers 1,
Compartido 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
Publicado en
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!
Autor
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.
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! ;)
Autor
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.
... 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...
...
.
Autor
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
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...
prova ad inserire questa immagine come sfondo e metti ripeti in orizzontale...
una cosa cosi:
Autor
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
nel tuo modo, se aggiungi una pagina dovrai modificare tutte le altre però....