Slide non visibile su Mobile

[nicogiussa]

Ciao a tutti qualcuno sa se e' possibile non far visualizzare un modulo(slider nella header) su Mobile....grazie in anticipo

[claudiocarrera]

Se usi bootstrap ci sono delle classi che evitano la visualizzazione di un div su determinati dispositivi, oppure tramite javascript. dipende dal sito, hai link?

[nicogiussa]

Ciao grazie per avermi risposto. ....sappi che delle cose che hai elencato non ci capisco niente..... cmq il link è  www.euwebagency.it

[claudiocarrera]

Ciao grazie per avermi risposto. ....sappi che delle cose che hai elencato non ci capisco niente..... cmq il link è  www.euwebagency.it

Scusa ma la domanda ma: stai facendo un sito di una web agency e non conosci nemmeno le basi?  stai scherzando spero?

[nicogiussa]

La tua risposta è piu che comprensibile difatti io nasco come Seo il mio socio è un grafico pubblicitario e stiamo cercando un altro socio che dovrebbe essere un web designer .....ma per il momento mi sto divertendo io a creare il sito e per ora va alla grande a parte questo problema che ho citato in precedenza ....quindi se mi vuoi aiutare te ne sarei grato

[claudiocarrera]

Ok, in bocca al lupo allora .
Metodo più semplice è tramite media queries, vedo che la slide è all'interno di un div con classe "art-nostyle" quindi puoi inserire nel tuo file css questo codice:

Codice: [Seleziona]

@media (max-width: 768px) {
   .art-nostyle{
    display:none;
   }
}
In pratica questo codice dice:se dimensioni del browser non superano in larghezza i 768pixel, non mostrare il div .art-nostyle.
Spero di esserti stato utile

[nicogiussa]

Ciao scusa ma ho provato e non funziona sapresti dirmi ha che riga ?? in pratica devo far sparire proprio la header.... il file e' il templateCSS giusto??

[claudiocarrera]

Hai messo offline il sito, come faccio a dirtelo?.
Probabilmente c'è una regola css che sovrascrive quella che ti ho dato io,devi essere sicuro di caricarlo per ultimo, altrimenti prova a dargli important

Codice: [Seleziona]

@media (max-width: 768px) {
   .art-nostyle{
    display:none !important;
   }
}.

[nicogiussa]

scusami ora e' online

[nicogiussa]

niente non riesco a trovare la riga giusta..

[claudiocarrera]

L'utimo file caricato è style.css, prova quindi a scriverlo come ultima riga di questo foglio di stile, dovrebbe andare.
Vedo che il tag header ha un altezza fissa, quindi se  disattivi il div che dicevo prima rimane un buco bianco nel sito.
prova quindi:

Codice: [Seleziona]

@media (max-width: 768px) {
   .art-header{
    display:none;
   }
}oppure:

Codice: [Seleziona]

@media (max-width: 768px) {
   header{
    display:none;
   }
}

[nicogiussa]

niente da fare ho provato ad inserire tutt e due i codici ne file style.css che si trova nel modulo slide ma non cambia nulla

[claudiocarrera]

Ho visto male, prova a inserirle in questo file, ti dò il percorso:

/templates/euaheader1/css/template.css

Comuque firebug non vede il codice che ti ho dato, quindi o è un problema di cache o non hai inserito correttamente in codice che ti ho passato (anche se sovrascritto  da un  altra regola css dovrei vederlo comunque)