Problemi Header del sito
Autor: Fernando N.
Besucht 1288,
Followers 1,
Geteilt 0
Buonasera, ho un problema con l'header del sito web.
In pratica, dopo aver impostato nella struttura del modello un header con altezza 50 e allineamento centro, sono andato poi a creare il menu da inserire nello stesso.
Ho fatto un menu semplice con i vari testi allineati a destra, ma, nonostante in struttura del modello abbia selezionato "estendi alla larghezza del browser", in anteprima i vari testi del menu non arrivano all'estrema destra del browser.
Per far si che ciò accada, devo prendere tutto il menu e metterlo fuori dalla area di lavoro.
In allegato una foto di come devo impostare il menu per far si che si veda allineato bene all'estrema destra della pagina.
Gepostet am
...ma che risoluzione stai usando per il sito ?
io per vederlo ho dovuto impostare lo zoom del browser al 60%
Intanto estendi per tutta la larghezza dell'header il menù, quella parte vuota che evidenzi in foto non ci deve essere e poi non sono solo le voci del menù da posizionare a destra se vuoi il menù allineato a destra ma il menù stesso, e questo lo fai con le prove, al momento è tutto fuori e se ne vede solo una parte per il motivo che ti ho detto.
Autor
Omg....da X5 la risoluzione è 1150px, come da base quando ho aperto il progetto.
Io ho un monitor impostato a 1920*1080 e lo vedo correttamente.
Ora ho esteso il menu per tutta la larghezza dell'header, ma così facendo vedo il menu ora leggermente a destra rispetto al centro della pagina e non allineato a destra come vorrei. Allego una foto
Riduci lateralmente le dimenzioni del menù fintanto si vedono le voci del menù stesso (non far apparire l'hamburger button quando riduci) e quando sei alla misura giusta lo posizioni come vuoi.
Autor
Buongiorno Patrizia. Grazie per la risposta.
Allora ho fatto come dici tu, ho ridotto il menu fino a vedere soltanto le voci dello stesso (quindi ho tolto tutto il rosso che si vedeva nella immagina di prima sulla sinistra).
Ma il problema persiste, ti metto i link alle foto della modalità "costruzione sito" e il risultato da browser.
Non capisco perchè, per ottenere i pulsanti allineati all'estrema sinistra devo metterli fuori dall'header generando così un errore in fase di controllo del sito web.
https://ibb.co/fGfdy2c
https://ibb.co/sqpdLss
Se fai caso nella foto dell'inserimento nel progetto hai ancora uno spazio vuoto a sinistra e ad occhio e croce è rpoprio la distanza per centrarlo (devi fare delle prove)
La stessa cosa la dovrai fare anche nella stickybar perchè anche li hai problemi
Adesso non estenderlo ma spostalo a sinistra, ripeto, devi fare delle prove fino a quando non è come dici tu
Autor
Ciao Patrizia, grazie ancora per la risposta. Se osservi le mie due foto, nella seconda ti mostro dove vorrei fossero i pulsanti, mentre se metto il menù più a sinistra come dici tu, mi ritrovo i pulsanti ancora più centrati, io invece vorrei fossero all'estrema destra della pagina, come nello screen qui di seguito.
https://ibb.co/K9rKvdQ
Alla fine, mettendo il menu fuori dalla barra che vedo nel progetto (almeno per metà fuori a destra) riesco ad ottenere l'effetto che vorrei, anche se mi genera poi errore in fase di controllo del sito.
Intanto scusa perchè avevo capito che lo volevi centrale, se l'estensione del menù è al limite come ti ho indicato sopra puoi spostarlo tutto a destra senza farlo uscire fuori .
Con il programma, per quello che ne so io, non riesci a farlo arrivare proprio come lo vuoi tu senza farti generare l'errore che riscontri in fase di controllo e che potrebbe causarti problemi di visualizzazione su dispositivi diversi.
Per avere il menù come dici tu dovresti toglierlo dall'header al passo 2 ed inserirlo in tutte le pagine spuntando su estendi
Autor
Capito, ora valuto pro e contro e poi decido.
Volevo chiederti un'altra cosa riguardo il responsive, non so se puoi aiutarmi.
Dal X5 in fase di progetto, per il footer, mi risulta questa schermata:
https://ibb.co/FWY1XqH
poi, se vado a visualizzare l'anteprima del sito, mi appare così:
https://ibb.co/nwCNLS0
Invece, stessa pagina, una volta pubblicata, da iphone X....
https://ibb.co/X3NcDPX
Perchè tutto questo? Così non riesco a capire mai come e dove posizionare le cose, cosa sbaglio???
Per quel che riguarda le anteprime nelle risoluzioni cellulari ho notato anch'io una differenza tra il programma e la realtà, dato per scontato che nel verificare al passo 5 tutto sia a posto, io controllo sempre dopo aver pubblicato su 2 o 3 cellulari differenti compreso IPhone che avrà, al 99% dei casi, una visualizzazione leggermente differente (succede anche con i CMS tipo WP, PS ecc...) e da li poi faccio i vari aggiustamenti
Autor
Riguardo l'header, l'ho centrato su X5, non ho più l'effetto che avevo prima vedendolo tutto sulla destra della pagina, ma forse facendo così ho risolto i problemi di visualizzazione a risoluzioni inferiori dalla mia 1920x1080 ?
Magari se qualcuno può verificare, mi potrebbe far sapere?
Grazie
Ora lo vedo bene, se volevi rimanere con il tuo effetto iniziale avresti dovuto aggiungere breakpoint intermedi tra 1920 e 960.
Prova a duplicare il progetto e fare una prova.
Autor
Per ora lo lascio al centro, anche perchè i miei breakpoint sono 5:
* inferiore a 480
* tra 480 e 599
* tra 600 e 719
* tra 720 e 959
* maggiore di 960
Quindi diciamo che ipoteticamente sia con risoluzione schermo a 1368 che a 1920, si sarebbe dovuto visualizzare bene, o sbaglio???
Il problema è che da 1920 a 960 c'è troppa differenza, io avrei impostato un breakpoint intermedio a 1366
Io li farei così se volessi la prima risoluzione a 1920 anche perchè i break point funzionano in questo modo:
1920 Maggiore o Uguale a 1920
1366 da 1919 a 1366
720 da 1355 a 720
480 da 719 a 480
0 inferiore a 480
720 da 1365 a 720