WebSite X5Help Center

 
Giorgio C.
Giorgio C.
User

C'è un bug nei responsive?  it

Autore: Giorgio C.
Visite 1851, Followers 1, Condiviso 0  

Siccome sono testardo e non trovavo risposta a questa anomalia https://helpcenter.websitex5.com/it/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).

Postato il
21 RISPOSTE - 1 CORRETTO
Giorgio C.
Giorgio C.
User
Autore

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

Leggi di più
Postato il da Giorgio C.
Incomedia
Riccardo P.
Incomedia

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.

Leggi di più
Postato il da Riccardo P.
Giorgio C.
Giorgio C.
User
Autore

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

Leggi di più
Postato il da Giorgio C.
Incomedia
Riccardo P.
Incomedia

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.

Leggi di più
Postato il da Riccardo P.
Incomedia
Riccardo P.
Incomedia

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.

Leggi di più
Postato il da Riccardo P.
Giorgio C.
Giorgio C.
User
Autore

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).
)

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User
Autore

volevo capire, sbaglio qualche azione io o proprio c'è anomalia?

Leggi di più
Postato il da Giorgio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... porta pazienza, ... lo STAFF potrà risponderti da domani in poi...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Incomedia
Riccardo P.
Incomedia

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.

Leggi di più
Postato il da Riccardo P.
Giorgio C.
Giorgio C.
User
Autore

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

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User

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

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User
Autore

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......

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User

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

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User
Autore

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

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User

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

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User

... 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

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User
Autore

Siamo disallineati già sulle videate.....
QUella che per te è la 480 io la vedo cosi:

 

per quanto a

Giorgio C.
... 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

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.

Giorgio C.

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.......

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User
Autore

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.

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User

Forse la differenza sulle videate é dovuta alla versione del programma, io ho la versione pro.

Leggi di più
Postato il da Giorgio C.
Giorgio C.
Giorgio C.
User
Autore

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 embarassed

Adesso valuto come risolvere..... Grazie comunque per gli interventi!

Leggi di più
Postato il da Giorgio C.