Link in "risultati ricerca" non sono responsive e fanno apparire barra di scroll 
Autore: Giuseppe Guida
Visite 853,
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
Autore
Scusate, avevo dimenticato il link del sito: http://www.hodecisodirinascere.altervista.org
Grazie
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ù ...
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
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;
}
Oppure posizionarle "meglio" all'ultimo breakpoint.
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...
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.
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.