WebSite X5Help Center

 
Luigi D.
Luigi D.
User

Oggetto - social icons  it

Auteur : Luigi D.
Visité 1296, Followers 2, Partagé 0  

Buongiorno a tutti,

mi sono accorto che l'oggetto social icon, quando intervieni sulla modalita' a video

(monitor, cellulare, tablet, ecc.) le icone nel momento in cui arrivi alla modalità più piccola,

non rimangono grandi uguali ma diventano molto piccole.

www.marixx.it

questo un sito per dare un esempio, 

se cambi tra le varie modalità ritornano grando oppure no, dipende...

quasi sicuramente sbaglio da qualche parte, potete darmi una mano e aiutarmi a risolvere questa situazione,

tra l'altro mi sono accorto che con l'oggetto 'font awesome icon' posso fare la stessa cosa,

ed il problema non si presenta, però purtroppo ho trovato tutte le icone anche dei 'brand',

ma manca quella di 'instagram' (molto strano oppure sono io che non riesco a trovarla).

grazie anticipatamente per l'aiuto

saluti a tutti 

Luigi

Posté le
7 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... attendi cosa ti diranno gli esperti...
------------------------------------------------
... intanto da parte mia, e secondo me, forse(!) sarebbe stato meglio raggruppare le icone (congrue) in un HEADER ben fatto e configurato per i vari breakpoint...
... fermo restando la situazione attuale, ho notato che non hanno caratteristiche uguali...
... ho notato anche che il problema che hai segnalato mi si presenta solo se si passa da risoluzione minima, icone non visibili, a risoluzioni superiori...
...!... altrimenti, dopo aver sentito gli esperti e dopo che avrai verificato le impostazioni, ... per quella che è la situazione attuale,  come al solito si potrebbe rimediare facilmente con semplice codice EXTRA, e dopo nel caso ci risentiremo...!...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luigi D.
Luigi D.
User
Auteur

Grazie per la rispsota sei sempre molto disponibile, gentile ed anche bravo (direi)

nel resto del sito (come avrai già visto) ho già header con il logo, il menu ed anche le icone....e chiaramentr li funziona tutto bene,

ho provato a creare un pre-pagina solo con delle foto suggestive ed il puntante per entrare,

difatti ho smanettato parecchio per poter avere una "pagina" fuori dallo standard, magari c'erano altre possibilità che però non conosco.

nella visualizzazione "piu piccola" ho dovuto nascondere (e mi dispiace parecchio) le icone anche perchè altrimenti me le metteva in orizzontale (per capirci una sotto l'altra e non una affianco all'altra) forse perchè quasta prima pagina aveva impostazioni diverse rispetto al resto del sito,

infine io non sono un programmatore web per cui non conosco affatto come inserire del codice 'extra' (purtroppo)

se solo nell'oggetto 'font awesome icon'ci fosse stata anche l'icona di instagram avrei già trovato la soluzione (mannaggia), attendo fidocioso un intervento di qualcuno che possa darmi una mano,

per ora grazie ancora e buon ferragosto.

LUIGI

Lire plus
Posté le de Luigi D.
Incomedia
Stefano G.
Incomedia

Buongiorno Luigi

Ho fatto alcune prove sul tuo sito e credo di aver capito cosa succede di preciso. Ti chiederei una informazione aggiuntiva

Il problema si presenta solo ridimensionando la finestra o anche in una situazione reale su smartphone? Nel senso, se provi a mettere le icone visibili da cellulare, quando apri il sito da cellulare le vedi grandi il giusto oppure piccole anche lì?

Fammi sapere

Stefano

Lire plus
Posté le de Stefano G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Luigi D.
... ... ...  magari c'erano altre possibilità che però non conosco. nella visualizzazione "piu piccola" ho dovuto nascondere (e mi dispiace parecchio) le icone ... ... ...  infine io non sono un programmatore web per cui non conosco affatto come inserire del codice 'extra' (purtroppo) ... ... ... attendo fidocioso un intervento di qualcuno che possa darmi una mano, ... ... ... 


... se non risolvi in altri modi, (il che è possibile)(!), ...e fermo restando la situazione online attuale(!), allora puoi risolvere immediatamente e senza stress con un semplice copia/incolla  di questo mio codice:
<style>
@media (max-width: 479px) {
.social-icon {width:50px !important;height:50px !important;}
.social-icon svg {width:60% !important;height:60% !important;}
#imCell_55, #imCell_56, #imCell_57, #imCell_58 { display:block !important;}}
</style>

... da incollare nelle Proprietà della Pagina Speciale INTRO/INDEX in questa posizione:
>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto | ▪Codice personalizzato: > 3^opzione > Prima della chiusura del tag HEAD

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luigi D.
Luigi D.
User
Auteur
Stefano G.
Buongiorno Luigi Ho fatto alcune prove sul tuo sito e credo di aver capito cosa succede di preciso. Ti chiederei una informazione aggiuntiva Il problema si presenta solo ridimensionando la finestra o anche in una situazione reale su smartphone? Nel senso, se provi a mettere le icone visibili da cellulare, quando apri il sito da cellulare le vedi grandi il giusto oppure piccole anche lì? Fammi sapere Stefano

Ciao Stefano,

perdona il mio ritardo,

ti confermo che si presenta sia dal computer quando ridimensiono, e sia anche da cellulare,

in realtà questa anomalia di presenta anche nella versione (come risoluzione) più piccola,

se devo essere sincero l'ho nascosta anche perchè le icone "social" invece di metterle una a fianco all'altra,

me le mette una sotto l'altra.

infine ti confermo che si presenta solo con le icone dell'oggetto 'social' e non sulle altre (fontawesome per intenderci)

grazie cmq per l'aiuto 

Lire plus
Posté le de Luigi D.
Luigi D.
Luigi D.
User
Auteur
 ‪ KolAsim ‪ ‪
Luigi D. ... ... ...  magari c'erano altre possibilità che però non conosco. nella visualizzazione "piu piccola" ho dovuto nascondere (e mi dispiace parecchio) le icone ... ... ...  infine io non sono un programmatore web per cui non conosco affatto come inserire del codice 'extra' (purtroppo) ... ... ... attendo fidocioso un intervento di qualcuno che possa darmi una mano, ... ... ...  ... se non risolvi in altri modi, (il che è possibile)(!), ...e fermo restando la situazione online attuale(!), allora puoi risolvere immediatamente e senza stress con un semplice copia/incolla  di questo mio codice: <style> @media (max-width: 479px) { .social-icon {width:50px !important;height:50px !important;} .social-icon svg {width:60% !important;height:60% !important;} #imCell_55, #imCell_56, #imCell_57, #imCell_58 { display:block !important;}} </style> ... da incollare nelle Proprietà della Pagina Speciale INTRO/INDEX in questa posizione: >> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto | ▪Codice personalizzato: > 3^opzione > Prima della chiusura del tag HEAD . ciao .

Ciao KolAsim,

ti ringrazio tanto per l'aiuto,

ho fatto quello che mi hai suggerito e funziona tutto correttamente,

ora ho anche le icone nella modalità più "piccola" e anche nell'ordine come richeisto,

se fossi "vicino" ti offrirei volentieri anche una birra!

grazie ancora

Luigi

Lire plus
Posté le de Luigi D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Luigi D.
 ‪  ... ... ... ho fatto quello che mi hai suggerito e funziona tutto correttamente, ... ... ... 

... wink ... 

Lire plus
Posté le de  ‪ KolAsim ‪ ‪