C'è un bug nei responsive?
Autor: Giorgio C.Siccome sono testardo e non trovavo risposta a questa anomalia https://helpcenter.websitex5.com/pt/post/195848 sul mio sito, mi sono creato un progetto EX-NOVO e l'anomalia permane.
Guardate qui:
visualizzazione desktop (clic sull'hamburger e si visualizza il dettaglio del menù evidenziato a sx in blu) è ok
visualizzazione 1149/720 (clic sull'hamburger di pagina si evidenza il dettaglio di cui alla voce selezionata nell'hamburger di sx) è OK
visualizzazione 719/420 QUESTA E' ANOMALA (A MIO PARERE)
Visualizzazione < 320 (compare solo l'hamburger in pagina con il menu del "TEMA " all'interno del quale ci si trova), non c'è riferimento al menù di navigaizone principale, è OK?
Ora, visto che questa è la struttura che mi sarebbe utile adottare chiedo se c'è modo di sistemare (o se fosse un cattivo uso da parte mia del software).
Autor
Correggo per quanto riguarda la visualizzazione 480 /320 px: l'Hamburger menù di navigazione compare come Sticky, se la pagina è di dimensioni maggiori dello schermo (facendo scorrere la barra laterale). Se c'è soluzione diversa (vedere il menù, quantomeno hamburger, anche se la pagina CORRISPONDE alle dimensioni schermo), gradirei conoscerla.
Confermo invece qualla che per me è anomalia nella visualizzazione 719/420 e mi piacerebbe conoscere il parere (e/o la soluzione) da parte di qualcuno dello staff.
Grazie
Buongiorno Giuseppe,
a risoluzioni più basse le colonne della pagina si restringono e quindi se hai inserito elementi nella pagina come per esempio il menu, stringendosi può apparire l'hamburger menu perchè non ci sta nella colonna.
Come regola generale per il menu se non ci sta nella sezione che lo contiene, vuoi perchè la sezione è piccola o perchè le dimensioni dei pulsanti sono troppo elevate, questo si visualizza in hamburger menu.
Se ti riferisci ad altro o vuoi maggiori spiegazioni non esitare a chiedere.
Autor
Riccardo,
non mi sono spiegato.
Premessa:
- ho creato un minisito test (immagini di cui sopra) per capire come funziona l'impatto grafico. Il minisito è un Modello a Header e Footer al quale ho aggiunto (Modello---> Struttura) la barra laterale sinistra.
- creato alcuni livelli e connesse pagine di livello,
- messo il menù principale in barra laterale,
- messo il menù di livello in pagina.
- NULLA d'altro.
Ora, ok, come funziona e quando entra in vigore l'hamburger credo ormai di averlo chiaro. Ma quello che non mi torna è nella visualizzazione a 480/320
Se faccio clic sull'occhio per vedere l'Anteprima succede questo:
Ti riporto le due Anteprime:
Qui sopra è come appare l'Anteprima cliccando sul bottone 1149/720 visualizzata a 720
E FINORA QUI VA TUTTO BENE
Questa invece è l'Anteprima cliccando sul bottone 719/480: perchè quello che era Hamburgher di pagina torna ad essere menù normale? é bug o non sono capace io a dare le giuste istruzioni? A me serve la visualizzazione che c'è sopra anche per la risoluzione 719/480.
Grazie
Buongiorno Giorgio,
ti chiedo per favore di inviarmi questo progetto che hai fatto di prova così da poterlo analizzare.
Puoi usare il servizio: https://wetransfer.com/ specificandomi poi l'url del download.
Fammi Sapere.
Autor
Puo iscaricare da qui, Riccardo:
https://wetransfer.com/downloads/18d91d7af43718209d67feb38cf60d4c20180703104522/2a1723d1dc43e395b593dab48bf6115020180703104522/0b008f
Grazie
Buongiorno Giorgio,
nel progetto che mi hai inviato, andando alla pagina 4 e posizionandomi nel secondo breackpoint come da screen, edo correttamente i due menu in hamburger.
Hai usato altre impostazioni della pagina o configurazioni? Se stai visualizzando una pagian diversa dalla pagina 4 fammi sapere.
Autor
Ciao Riccardo.
TI allego lo screen (a schermo intero) di come visualizzo io la pagina 4 cliccando sul Anteprima e poi la II^ icona (719/480).
)
Autor
volevo capire, sbaglio qualche azione io o proprio c'è anomalia?
... porta pazienza, ... lo STAFF potrà risponderti da domani in poi...
Buongiorno Giorgio,
probabilmente hai modificato alcune opzioni del menu e il progetto è leggermente diverso da quello che mi hai mandato.
Infatti se modifico il menu appare come nel tuo screen
Prova a modificare sia la cella dell'oggetto sia le impostazioni riducendo o aumentato la larghezza dei pulsanti così da ottenere l'effetto desiderato per quella risoluzione.
Prova anche a non usare così tante colonne nella pagina, prova a ridurle lasciando solo quelle necessarie.
Autor
Ciao Riccardo.
nessuna modifica apportata, quello che hai è quello che ha creato il software, senza intervento alcuno. Comunque, per evitare ogni dubbio, ne ho creato un'altro e FATTO SENZA TOCCARE NULLA se non la larghezza colonne e/o del bottone menù.
Lo trovi qui https://we.tl/ocrmLygPgd
A me non cambia esattamente nulla rispetto a prima. Se devo stringere la colonna per fare apparire l'hamburger (nella pagina, non nella barra laterale) succede che lo stesso hamburger si presenta anche a risoluzione Desktop (e questo non lo vorrei).
C'è soluzione o no? Oppure: se soluzione c'è, riesci a capire dove sbaglio?
Ovvio che sono gradite anche risposte di altri, se soluzione c'è :-)
Grazie
Il menù messo nella pagina si comporta in questo modo:
risoluzione desk: se la larghezza della cella in cui è contenuto è minore della sua larghezza, si presenta hamburger, se è maggiore no.
Se riduci la risoluzione, la dimensione della cella si riduce e se diventa minore del valore di larghezza del menù, diventa hamburger.
Questo fino a quando riducendo ancora la risoluzione la cella del menù non si affianca più ma si sovrappone.
Per evitare che il menù diventi hamburger a risoluzione720 devi allargare la cella che contiene il menù fino a circa il doppio del valore della larghezza del menù (nel tuo esempio 280px)
Ciao
Autor
Ciao Giorgio.
Grazie per l'intervento, ma il mio problema è esattamente opposto: in Desktop è visibile ed è OK, alle altre risoluzioni dovrebbe essere SEMPRE Hamburger: invece (per quante ne abbia provate!!!) per la risoluzione 719/480 (e SOLO PER QUESTA) torna a essere visibile.
Se riduco la larghezza della cella per fare in modo che ANCHE alla risoluzione 719/480 sia hamburger succede che diventa hamburger ANCHE a Desktop: quindi è soluzione da scartare.
Ce n'è un'altra o sono tonto io? Il chè poi non sarebbe impossibile, vista la mia scarsità in materia......
L'anomalia è generata dal fatto che hai lasciato vuota la cella sotto il menù.
Inserisci un oggetto anche vuoto e riduci la cella al valore di 149 px (140+5+5-1)
Ciao
Autor
Giorgio, grazie per l'interessamento ma purtroppo non è così.
Fai un salto qui http://diariovacanzetest.altervista.org/TEST_HAMBURGER/index.html
Ti ho caricato il minisito, le colonne sono larghe 149 px come da tua indicazione (bottone 140, margine sx e dx 5) : come vedi in home page si riduce ad hamburger; se stringi lo schermo vedrai che a un certo punto ricompare il menù in chiaro: se stringi ulteriormente torna hamburger!
Per dirtela tutta, guarda questa pagina: http://diariovacanzetest.altervista.org/TEST_HAMBURGER/americhe.html
Qui VOLUTAMENTE il menù è hamburger a risoluzione desktop: in questa pagina il bottone è 140 (+5+5 dx sx); però se stringi lo schermo ti ricompare in chiaro: e la colonna è larga ....55 px!!
Ovviamente ho controllato che non ci fossero celle vuote, ma compilate almeno con oggetti ancorchè vuoti.
Se la cosa ti arrapa e vuoi giocarci un pò, qui trovi il file del progetto: https://we.tl/TX5YrCiizM
Il comportamento è congruo! Infatti il menù a 720-480 prende più di metà dello spazio (480/2=240) quindi non è Hamburger.
1150px
720px
480 px
più piccolo
... ma un problema c'è ... nello screenshot della risoluzione 720-480 l'immagine contrassegnata con il nr°8 è settata nascosta ma nell'anteprima viene comunque mostrata.
Che il problema nasca lì?
Ciao
Autor
Siamo disallineati già sulle videate.....
QUella che per te è la 480 io la vedo cosi:
per quanto a
no è corretto. Se guardi la 720, già lì c'è un'immagine nascosta (come sai viene nascosta per la risoluzione SUCCESSIVA), quindi nella 480 ne vedi una sola. Poi nella 480 ho nascosto ANCHE l'ultima immagine in modo da avere solo testo per la risoluzione successiva, cioè la più bassa.
Il comportamento è congruo! Infatti il menù a 720-480 prende più di metà dello spazio (480/2=240) quindi non è Hamburger.
questa non la ho capita.......
Autor
P.S. ... comunque ho provato anche a renderla visibile (quella ipotetica che sembra nascosta/non nascosta) ma rimane tutto esattametne come prima, la nuova immagine viene solo impilata sotto.
Forse la differenza sulle videate é dovuta alla versione del programma, io ho la versione pro.
Autor
Penso di aver capito il problema. Siccome a quella risoluzione linearizza, significa che l'oggetto occupa l'intera riga e di conseguenza il menù riesce a espandersi e rendersi visibile. Azz..... ci ho messo un pò ma sono arrivato
Adesso valuto come risolvere..... Grazie comunque per gli interventi!