WebSite X5Help Center

 
MARCO L.
MARCO L.
User

Logo non responsive  it

Autor: MARCO L.
Visitado 3729, Followers 4, Compartido 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?

Publicado en
33 RESPUESTAS - 3 úTIL
Mirko Boschetti
Mirko Boschetti
Moderator

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

Leer más
Publicado en de Mirko Boschetti
MARCO L.
MARCO L.
User
Autor

si è attivato, in allegato le immagini

Leer más
Publicado en de 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.

Leer más
Publicado en de Riccardo P.
Luigi V.
Luigi V.
User

Anche io ho lo stesso problema!

Leer más
Publicado en de Luigi V.
Incomedia
Riccardo P.
Incomedia

Buongiorno,

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

Fammi sapere.

Leer más
Publicado en de Riccardo P.
MARCO L.
MARCO L.
User
Autor

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

Leer más
Publicado en de 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

Leer más
Publicado en de Jamie B.
Mirko Boschetti
Mirko Boschetti
Moderator

@Jamie B.

sure it'sjustyourcode...?

Leer más
Publicado en de 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.

Leer más
Publicado en de  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

Leer más
Publicado en de 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...

Leer más
Publicado en de 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

Leer más
Publicado en de 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/

Leer más
Publicado en de 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?

Leer más
Publicado en de Ena A.
Fabio B.
Fabio B.
User

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

Leer más
Publicado en de 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?

Leer más
Publicado en de Ena A.
 lemonsong  
 lemonsong  
User

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

Per altre esigenze (attualmente) devi inserire codici extra.

Leer más
Publicado en de  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..

Leer más
Publicado en de 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ù

Leer más
Publicado en de Fabio B.
Fabio B.
Fabio B.
User

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

Leer más
Publicado en de Fabio B.
 lemonsong  
 lemonsong  
User

Repetita iuvant...

Leer más
Publicado en de  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ù)
Leer más
Publicado en de 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. 

Leer más
Publicado en de 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!

Leer más
Publicado en de 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..

Leer más
Publicado en de 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.

Leer más
Publicado en de Mi Lux
Mi Lux
Mi Lux
User

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

Leer más
Publicado en de 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.

Leer más
Publicado en de 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

Leer más
Publicado en de 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.

Leer más
Publicado en de  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. 

Leer más
Publicado en de Ena A.