Logo non responsive
Auteur : MARCO L.
Visité 3675,
Followers 4,
Partagé 0
Salve a tutti, ho appena acquistato website5 evo 12, e volevo delle informazioni riguardo l'intestazione. Ho inmportato un sito da evo 11 a evo 12 per renderlo responsive, però se restringo l'immagine per la visualizzazione sul mobile il logo sparisce e il menu ha tutte le voci sovrapposte. Vi allego le immagini.
Qualcuno sa dirmi cosa devo fare?
Posté le
Hai attivato l'opzione Responsive? Io vedo che anche il testo non si adatta dal tuo screen...
Auteur
si è attivato, in allegato le immagini
Buongiorno Marco,
hai per caso inserito codici esterni html/css/script all'interno del sito? Se si prova a rimuoverli e verificare.
Prova anche a caricarlo online così da comunicarmi l'url in modo che possa verificare direttamente.
Fammi sapere.
Anche io ho lo stesso problema!
Buongiorno,
comunicami il tuo sito internet così che possa verificare meglio.
Fammi sapere.
Auteur
ho risolto, per il logo ho dovuto preparare un immagine con il logo e l'ho inserita nella struttura del responsive. Per quanto riguarda il menu' in vece ho dovuto allargare l'intestazione e la larghezza delle voci.
Grazie lo stesso
Hi
make sure your logo is on the left side of your site then add this code in the Seo, statistics & code, before closing the head tag
<style>
@media (max-width: 960px) {
div.imTemplateContent {
display: block !important;
}
</style>
Regards
jamie
@Jamie B.
sure it'sjustyourcode...?
@Jamie
A parte il fatto che con quel selettore visualizzi tutti i div contenuti nell'header e footer, quel codice non è corretto: manca la chiusura della parentesi graffa della media query.
@lemonsong
the code does work lemonsong, as I have shared it with many users and never had a complaint back yet, I am trying to work on a better solution for the responsive header and footer situation.
regards
jamie
I codici non corretti possono funzionare perché alle volte i browser tollerano le mancanze di chi li scrive.
Il codice che hai scritto NON è corretto: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Ciao a tutti, anche io sto riscontrando problemi nella visualizzazione del logo nel modello responsive. Principalmente il mio problema è che l'immagine non viene ridimensionata nei vari breakpoint ma viene tagliata. Di conseguenza anche il logo, se io volessi vederlo da un tablet dovrei comunque crarlo non più grande di 320 px, altrimenti verrebbe tagliato dal telefono. Corretto?
Sono dell'idea che un'unica personalizzazione per i vari breakpoint è troppo limitante, quello che si progetta per un tablet non può andare bele per un cellulare...
faccio notare che l'errore si trova nella citazione del mio codice fatta da Jamie, non nell'originale:
https://helpcenter.websitex5.com/post/128653#3
nel link che ho appena postato trovi la spiegazione; per inserire il logo nella visualizzazione mobile devi agire direttamente nel template mobile
http://dvs1.msx5.info/
Scusate, ma non ho ben capito ed allora faccio un esempio : il sito di incomedia http://www.websitex5.com/it/index.html ha nell'intestazione il logo che è anche "cliccabile" , come faccio a realizzare questa cosa?
inserisci nell'intestazione il logo come immagine e gli appiccichi addosso il link che desideri
Ok Fabio, il link al logo mi era chiaro, in realà intendevo che nella modalià responsive il logo mi sparisce (come hanno segnalato altri prima di me) e mi piacerebbe realizzare l'intestazione come quella del sito di incomedia dove il logo oltre ad errere correttamente ridimensionato nella modalità responsive, contiene anche un collegamento. Come si fa ha realizzare questo tipo di intestazione?
Inserisci nella "Struttura del Modello Responsive" (sezione menu) un "Logo azienda".
Per altre esigenze (attualmente) devi inserire codici extra.
magari Incomedia potrebbe spiegare come l'ha realizzato..
il logo ti sparisce perché ti sparisce l'intestazione che lo contiene; devi andare nella sezione del modello responsive ed inserire il logo da mostrare in modalità rwd nella barra del menù
il link alla home page gli viene applicato per default dal programma
Repetita iuvant...
provo ad indovinare; io farei così:
Ringrazio moltissimo chi si sta prodigando nel darmi una mano, ma dopo alcuni tentativi sono un po' demoralizzato anche perchè non ho la sufficiente dimestichezza.
Noto che sulla pagina principale di Incomedia campeggia questa bellissima frase :
"WebSite X5 è il software più versatile e completo per creare siti web, blog e negozi online belli, funzionali e perfetti sia su desktop che su tablet e smartphone.
Non devi saper programmare. Grazie a un'interfaccia semplice e intuitiva e alle numerose funzioni disponibili, crei un sito capace di adattarsi automaticamente alle dimensioni di qualsiasi schermo."
Certamente io non sono capace, ma forse WebSite X5 non fa esattamente quello per cui viene pubblicizzato.
Sbagli, é il migliore della sua categoria; le promesse lette sul loro sito commerciale sono vere nonostante qualche bug che ogni tanto salta fuori (come per tutti i softwares); per usare questo programma in modo produttivo fin da subito non é necessaria alcuna competenza di programmazione né fare un corso di formazione tecnica.
Se poi uno possiede pure una preparazione in fatto di codici é tutto grasso che cola.
Comunque per chi non sta iniziando ora ad usarlo, ma come te proviene già dalla v11, seguire quei pochi semplici passi che ho detto qui sopra dovrebbe essere banale.
La dimestichezza, in questo come in qualsiasi altro campo, si può acquisire in un solo modo: fare pratica!
Forse non hai una panoramica completa delle soluzioni che ci sono in giro..
anzi già che ci sono, Incomedia potrebbe rendere disponibile il progetto con cui ha realizzato il suo sito web così abbiamo modo di vedere il codice personalizzato che ha inserito per avere header e footer personalizzati con immagini e link attivi, in modalità responsive.
per il resto c'è Master-Lemon-Card ...
A me piace molto il programma e sono passato alla versione 12 proprio per il Responsive. Ho visto che anche altri stanno comunque riscontrando qualche problema con l'intestazione. Concordo con Mi Lux che forse Incomedia potrebbe dare suggerimenti per replicare la loro impostazione dell'intestazione, credo che gioverebbe anche ad altri.
Farò con più calma a seguire i suggerimenti di Fabio.
Per quanto riguarda il template di Incomedia hanno fatto diversamente da come dicevo io, usando un metodo ancora più ordinario e semplice come si può scoprire dal sorgente:
basta dare all'header uno sfondo scuro alto 76px ed al footer alto 415px usando una immagine che si ripete in orizzontale; poi inserire nell'header largo 1200px questa immagine http://www.websitex5.com/it/style/top.png quindi mettere il menù dentro all'intestazione e spostato a destra;
gli oggetti nel footer per visualizzarli nel modello rwd basta inserirli come widget di codice e con il mio css appaiono e restano attivi; se poi uno vuole selezionare i contenuti da inserire nel footer mobile, butto lì un'idea così:
impostare via css un top: -415px; z-index: -1;
quindi creare nella pagina un gruppo di celle di contenuti che precede il footer, cioé per ultimo nel layout di pagina, e gestirne la visualizzazione mediante gli strumenti per il layout rwd; questo gruppo di celle va copiato/incollato in tutte le pagine del sito
Beh, in ogni caso è una social card
Comunque, nel'header del sito di Incomedia non vedo cose particolari, è stato usato il programma (nei post sopra è già stato scritto).
Chi volesse, può scaricarsi questo template: http://quellidelcucuzzolo.blogspot.it/2015/10/template-onetel-website-x5-12.html
Più o meno il footer è simile a quello del sito di WS.
comunque nel sorgente view-source:http://www.websitex5.com/it/index.html poco prima della chiusura del tag body si leggono tutti gli script
Wow! Ho scaricato il template suggerito da lemonsong ed a primo impatto mi risulta di ottimo aiuto alla mia inesperienza, grazie! Farò prove ed esperimenti anche con gli altri input ricevuti. Grazie.