WebSite X5Help Center

 
Mario M.
Mario M.
User

Disattivare hamburger-menu ad un certo breakpoint  it

Автор: Mario M.
Просмотрено 218, Подписчики 3, Размещенный 0  

Salve a tutti, volevo sapere se c'è un modo (anche con aggiunta di codice) di non far apparire l'hamburger menu ad un certo breackpoint e al suo posto diminuire le dimensioni dei pulsanti del menu originale in modo da visualizzarlo sempre per esteso..usando magari @media screen min e max width.

Qualche idea?

Размещено
27 Ответы
Mirko Boschetti
Mirko Boschetti
Moderator

Secondo me potresti nasconderlo, e al posto del menu usare delle immagini in intestazione, cosi le posizioni come e dove vuoi, senza alcun codice....

Читать больше
Размещено От Mirko Boschetti
Mario M.
Mario M.
User
Автор

Grazie della risposta, ci avevo pensato però non riuscivo, cioè siccome nel sito ho messo la barra del menu che sporge a destra e a sinistra rispetto all'header e al contenuto, ho provato a nascondere il menu e mettere un oggetto testo solo che non riesco a farlo sporgere perchè essendo una parte del content prende le misure di tutto il resto....hai qualche consiglio?

Читать больше
Размещено От Mario M.
Skeggia 12
Skeggia 12
Moderator

perchè hai messo  l'oggetto testo nel content della pagina... mirko ti ha suggerito di farlo nell'header...

Читать больше
Размещено От Skeggia 12
Mario M.
Mario M.
User
Автор

ma l'header è più stretto come il content...solo il menu sporge..posto un immagine

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

questo succede

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

Qualcuno ha qualche idea su come risolvere?

Читать больше
Размещено От Mario M.
Mirko Boschetti
Mirko Boschetti
Moderator
Mario M.
.............. cioè siccome nel sito ho messo la barra del menu che sporge a destra e a sinistra rispetto all'header e al contenuto...........

io la vedo sporgere solo a sx ???

allarga intanto il sito a 1200 cosi si allarga tutto compresi i menu (messi come immagini)....

Читать больше
Размещено От Mirko Boschetti
Mario M.
Mario M.
User
Автор

esatto è proprio quello il problema..che sostituendo il menu con un elemento testo, modificato per essere uguale al menu, succede quello, non riesco a far sporgere la barra da entrambi i lati...mi rimane fissa dov'è. Anche quando rimpicciolisco la finestra non si sposta insieme al resto ma rimane sempre li...sicuramente sbaglio qualcosa nel codice...al massimo sono riuscito ad averla centrata che si sposta con il resto...ma non riesco comunque a farla sporgere da entrambi i lati..

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

Girando un pò nelle varie discussioni ho trovato quello che più o meno vorrei fare...praticamente per una certa risoluzione (utilizzando @media screen) invece della barra menu vorrei nascondere il menu (e questo sono riuscito) visualizzare una barra uguale al menu (riuscito parzialmente perchè come dicevo prima non riesco a farla sporgere) con la scritta al centro "MENU" e l'effetto di questa discussione

https://helpcenter.websitex5.com/ru/post/81707

in modo che cliccando sulla scritta "MENU" vengano visualizzate le varie pagine del sito web a cui poi creerò i collegamenti...

spero di essere riuscito a spiegarmi XD

se vi servono altre info chiedetemi pure...grazie.

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

Mirko ho visto che hai partecipato all'altra discussione...magari riesci ad aiutarmi..

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

up

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

AGGIORNAMENTO: ho risolto praticamente tutto, l'unica cosa che ancora mi manca è come fare sporgere sia a destra che a sinistra una barra (una riga praticamente)...se qualcuno sa come risolvere quello poi ho sistemato tutto!

Grazie

Читать больше
Размещено От Mario M.
Mirko Boschetti
Mirko Boschetti
Moderator

metti come sfondo Header, una immagine pronta con la riga del menu e metti ripetizione in orizzontale...in questo modo la avrai tutto schermo.....wink

Читать больше
Размещено От Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

prova questa immagine come sfondo header e metti ripetizione in orizzontale cosi ti rendi subito conto di cosa parlo....ricorda, intestazione trasparente, e menu sotto intestazione....poi le misure le regoli tu come vuoi...... wink

Читать больше
Размещено От Mirko Boschetti
Mario M.
Mario M.
User
Автор

grazie della risposta ma non credo di aver capito...ho fatto come hai detto e ti allego l'immagine ma non mi pare sia giusta

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

il risultato che vorrei avere è questo che ti allego...

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

solo che al posto della barra nera che è un menu, vorrei la prima riga della pagina in modo da poter ottenere un menu a comparsa. Quello che sono riuscito a fare è questo

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

il menù funziona solo che la barra non sporge...

Читать больше
Размещено От Mario M.
Mirko Boschetti
Mirko Boschetti
Moderator

Crea lo sfondo del content e dell'intestazione leggermente piú piccolo...cioe metti 10 px sia a dx che a sx di trasparente nei 2 sfondi, cosi che ad occhio sembrano piú piccoli della barra menu....wink Non so se mi sono spiegato ?

Читать больше
Размещено От Mirko Boschetti
Mario M.
Mario M.
User
Автор

Ho parzialmente risolto mettendo i margini destro e sinistro del content a 0px e poi mettendo quelli delle celle in style più alti, solo che quando vado ad impostare con il codice i margini di nuovo a 0px per le altre risoluzioni non funziona...uso questo codice:

<style> @media screen and (min-width: 960px){

#imPageRow_2{margin: 0 0 0 0;}

}</style>

ma non mi sistema i margini

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

ti posto i 2 screen il primo ok.png è quello dove sono riuscito a sistemare mentre nell'altro che sarebbe aumentando la risoluzione si vede che l'immagine non prende il comando del margine a 0px che ti ho scritto prima..

Читать больше
Размещено От Mario M.
Mirko Boschetti
Mirko Boschetti
Moderator

stai facendo tutto usando codici per niente....con delle immagini ad hoc faresti in un attimo senza diventare matto...

Читать больше
Размещено От Mirko Boschetti
Mario M.
Mario M.
User
Автор

grazie delle risposte, purtroppo con le immagini non riuscivo ad avere l'effetto voluto, alla fine sono riuscito comunque a completare il progetto! Grazie a tutti.

Saluti.

Читать больше
Размещено От Mario M.
Mario M.
Mario M.
User
Автор

ah e se a qualcuno servissero info sui vari codici usati chieda pure!

Читать больше
Размещено От Mario M.
Skeggia 12
Skeggia 12
Moderator

risultato?

Читать больше
Размещено От Skeggia 12
Mario M.
Mario M.
User
Автор

si esatto il sito è quello che ha postato Mirko

Читать больше
Размещено От Mario M.