WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

Link in "risultati ricerca" non sono responsive e fanno apparire barra di scroll  it

Autore: Giuseppe Guida
Visite 864, Followers 1, Condiviso 0  

salve, ho notato che effettuando una ricerca con il campo di ricerca di website, se nella ricerca poi appaiono dei link piuttosto lunghi, questi ultimi "non vengono tagliati e adattati" e di conseguenza non si adattano alla risoluzione dello schermo dello smartphone (320 px) facendo apparire una fastidiosissima barra di scroll orizzontale e creando uno spazio bianco a destra dello schermo del dispositivo che non dovrebbe apparire. Vedasi screenshot allegato per capire meglio.

Grazie per possibili soluzioni.

Postato il
9 RISPOSTE - 1 UTILE
Claudio D.
Claudio D.
Moderator
Utente del mese IT

...io lo vedo bene , senza barre di scorrimento ...

Leggi di più
Postato il da Claudio D.
Claudio D.
Claudio D.
Moderator
Utente del mese IT

rettifico ... ...si scusa ... sotto i 340-350 .... circa lo fa ... ma forse è dovuto all'indirizzo del sito

non manda a capo il nome del dominio che è decisamente lungo , ma magari mi sbaglio ...

http://www.hodecisodirinascere.altervista.org il resto lo manda giù ...

Leggi di più
Postato il da Claudio D.
Giuseppe Guida
Giuseppe Guida
User
Autore

Eh si... il problema è proprio sugli indirizzi web lunghi... ma putroppo il dominio non l'ho scelto io, fosse stato per me lo avrei scelto più breve. Però siccome credo che ce ne sono di nomi di dominio lunghi, a parte quello segnalato da me, sarebbe preferibile risolvere questa cosa, anche perchè se noti viene "tagliato" il menú hamburger quando si verifica quell'inconveniente e per visualizzare il menù per intero bisogna poi scrollare con la barra da sinistra a destra e se un sito è responsive lo scroll è totalmente fuori luogo... o no? ;-)

Buona domenica

Leggi di più
Postato il da Giuseppe Guida
 lemonsong  
 lemonsong  
User

Non sono solo i link "lunghi" ma anche i contenuti che hai inserito nell'header, compreso lo stesso form di ricerca: devi ridurre le larghezze.

Per i link invece puoi usare questo CSS:

.imCssLink:link, .imCssLink {
  word-wrap: break-word;
}

Leggi di più
Postato il da  lemonsong  
 lemonsong  
 lemonsong  
User
 lemonsong  
devi ridurre le larghezze.

Oppure posizionarle "meglio" all'ultimo breakpoint.

Leggi di più
Postato il da  lemonsong  
Mirko Boschetti
Mirko Boschetti
Moderator

infatti come scritto da Lemonsong, in intestazione hai messo delle immagini al posto di testo, e sono troppo grandi, anche se fosse, quelle non le potrebbe fare andare a capo...


Leggi di più
Postato il da Mirko Boschetti
Giuseppe Guida
Giuseppe Guida
User
Autore

Grazie a tutti per i consigli :-)

Si in effetti le scritte trasformate in immagini e la barra di ricerca erano un po' grandi e andavano sistemate meglio, ora anche riducendo al massimo la finestra del browser le immagini in intestazione sono tutte entro i giusti limiti.

Per quanto riguarda i link che nel responsive "non andavano a capo" nei risultati di ricerca, ora con la stringa di codice fornita da lemonsong i link "vanno a capo" e non fuoriescono dai limiti.

Grazie Lemonsong :-)

P.S. non metto come risolto il post perchè credo sia giusto intervenga Incomedia per porre rimedio a questa cosa e che sia Website a fare in automatico l'adattamento anche dei link nella modalità responsive.

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

Buongiorno Giuseppe,

ti informo che la risoluzione al di sotto dei  340px non è molto utilizzata sui dispositivi mobile, per quello da te segnalato dipende come descritto dal link che non va a capo.

Ho provveduto a segnalare il topic al nostro team di sviluppo.

Grazie.

Leggi di più
Postato il da Riccardo P.