WebSite X5Help Center

 
MARCO L.
MARCO L.
User

Logo non responsive  it

Autore: MARCO L.
Visite 3727, Followers 4, Condiviso 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?

Postato il
33 RISPOSTE - 3 UTILI
Mirko Boschetti
Mirko Boschetti
Moderator

Hai attivato l'opzione Responsive? Io vedo che anche il testo non si adatta dal tuo screen...

Leggi di più
Postato il da Mirko Boschetti
MARCO L.
MARCO L.
User
Autore

si è attivato, in allegato le immagini

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

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.

Leggi di più
Postato il da Riccardo P.
Luigi V.
Luigi V.
User

Anche io ho lo stesso problema!

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

Buongiorno,

comunicami il tuo sito internet così che possa verificare meglio.

Fammi sapere.

Leggi di più
Postato il da Riccardo P.
MARCO L.
MARCO L.
User
Autore

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

Leggi di più
Postato il da MARCO L.
Jamie B.
Jamie B.
User

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

Leggi di più
Postato il da Jamie B.
Mirko Boschetti
Mirko Boschetti
Moderator

@Jamie B.

sure it'sjustyourcode...?

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

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

Leggi di più
Postato il da  lemonsong  
Jamie B.
Jamie B.
User

@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

Leggi di più
Postato il da Jamie B.
SARA R.
SARA R.
User

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

Leggi di più
Postato il da SARA R.
Fabio B.
Fabio B.
User
Mirko Boschetti
@Jamie B. sure it's just your code ...?
 lemonsong  
@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.

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

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
SARA R.
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...

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/

Leggi di più
Postato il da Fabio B.
Ena A.
Ena A.
User

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?

Leggi di più
Postato il da Ena A.
Fabio B.
Fabio B.
User

inserisci nell'intestazione il logo come immagine e gli appiccichi addosso il link che desideri

Leggi di più
Postato il da Fabio B.
Ena A.
Ena A.
User

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?

Leggi di più
Postato il da Ena A.
 lemonsong  
 lemonsong  
User

Inserisci nella "Struttura del Modello Responsive" (sezione menu) un "Logo azienda".

Per altre esigenze (attualmente) devi inserire codici extra.

Leggi di più
Postato il da  lemonsong  
Mi Lux
Mi Lux
User
Ena A.
Come si fa ha realizzare questo tipo di intestazione?

magari Incomedia potrebbe spiegare come l'ha realizzato..

Leggi di più
Postato il da Mi Lux
Fabio B.
Fabio B.
User

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ù

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User

il link alla home page  gli viene applicato per default dal programma

Leggi di più
Postato il da Fabio B.
 lemonsong  
 lemonsong  
User

Repetita iuvant...

Leggi di più
Postato il da  lemonsong  
Fabio B.
Fabio B.
User
Mi Lux
Ena A. Come si fa ha realizzare questo tipo di intestazione? magari Incomedia potrebbe spiegare come l'ha realizzato..

provo ad indovinare; io farei così:

  1. eliminare l'header
  2. nascondere dal menù la home page
  3. creare nel menù due livelli; al primo associare una immagine come bottone ed il link alla home page; al secondo non dare alcun nome (serve solo ad occupare la seconda posizione nel menù)
Leggi di più
Postato il da Fabio B.
Ena A.
Ena A.
User

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. 

Leggi di più
Postato il da Ena A.
Fabio B.
Fabio B.
User

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!

Leggi di più
Postato il da Fabio B.
Mi Lux
Mi Lux
User
Fabio Bevilacqua
Sbagli, é il migliore della sua categoria;

Forse non hai una panoramica completa delle soluzioni che ci sono in giro..

Leggi di più
Postato il da Mi Lux
Mi Lux
Mi Lux
User

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.

Leggi di più
Postato il da Mi Lux
Mi Lux
Mi Lux
User

per il resto c'è Master-Lemon-Card ...

Leggi di più
Postato il da Mi Lux
Ena A.
Ena A.
User

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.

Leggi di più
Postato il da Ena A.
Fabio B.
Fabio B.
User

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

Leggi di più
Postato il da Fabio B.
 lemonsong  
 lemonsong  
User
Mi Lux
per il resto c'è Master-Lemon-Card ...

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.

Leggi di più
Postato il da  lemonsong  
Ena A.
Ena A.
User

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. 

Leggi di più
Postato il da Ena A.