Errata visualizzazione su mobile di due aspetti legati a Motto e Titolo del sito

  • winterpole

    (@winterpole)


    4 anni, 5 mesi fa

    Buongiorno,
    sono giorni che perdo ore per apportare due modifiche al sito ma senza successo. Premetto che ho installato WordPress.org da poco e non ne capisco ancora molto. Il mio problema è questo: il Motto non è visibile sul cellulare mentre su tablet e PC sì. Non so che codice CSS impostare per renderlo visibile anche da cellulare. Inoltre, da cellulare e tablet non c’è collegamento ipertestuale del titolo e motto alla Home quando si naviga in altre pagine. Anche in questo caso, invece, da PC fisso se clicco su Winterpole quando sono in una pagina diversa dalla Home, ho il collegamento alla home. Quindi sono due problemi legati esclusivamente all’ottimizzazione da mobile. Il tema è Xmas Biz.
    Per chi sarà così gentile da rispondermi vi premetto che a meno che non mi scriviate codici CSS da inserire per il resto la spiegazione dovrà essere molto base, altrimenti dubito di poter riuscire da sola. Grazie mille.

    La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • luca21

    (@luca21)

    4 anni, 5 mesi fa

    Ciao @winterpole ,
    per quanto riguarda:

    il Motto non è visibile sul cellulare mentre su tablet e PC sì. Non so che codice CSS impostare per renderlo visibile anche da cellulare.

    Si tratta di una cosa voluta. Nel sito c’è il css che lo nasconde nei piccoli devices.

    Questo qui: `@media (max-width: 767px)
    .hidden-xs {
    display: none!important;
    }`
    che si applica al motto: <p class="site-description hidden-xs">Sogna senza limiti</p>

    Chi ha creato la discussione winterpole

    (@winterpole)

    4 anni, 5 mesi fa

    Ciao, grazie innanzitutto per avermi risposto. Avevo rintracciato anche io quel codice e avevo pensato potesse essere il problema ma non ne ero certa, quindi mi conforta il fatto che me lo possa confermare. Tuttavia non so cosa fare perchè ho provato a modificarlo ma evidentemente in modi sbagliati. Sai per caso darmi qualche indicazione? Ho cercato su internet ma non riesco a venirne fuori.
    Grazie mille in ogni caso della disponibilità.

    • Questa risposta è stata modificata 4 anni, 5 mesi fa da winterpole.
    luca21

    (@luca21)

    4 anni, 5 mesi fa

    Ciao @winterpole ,
    Si tratta di imbarcarsi in un lavoro assai più grande di quello preventivato all’inizio.

    Comunque, siccome c’è !important non si può sovrapporre dell’altro stile perché non funzionerebbe.

    Quindi si fa un ” tema child “. In Rete trovi facilmente le istruzioni per farlo.
    Poi nel file
    https://winterpole.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-d01efa6f2329a561f0eca31e717dd751.css
    si cerca la regola di stile “incriminata” e si cancella !important. Dovrebbe essere verso il fondo del file.

    Si guarda cosa succede e, in base a quello, si imposta un nuovo stile usando l’editor css della pagina amministrativa. Se il motto è stato reso invisibile nei cellulari molto probabilmente è perché è molto ingombrante.

    Se non vuoi fare il tema child temo che rimanga solo javascript.
    Si fa un frammento che, in base alla larghezza (width) del device rimuove / cambia la classe dell’elemento che contiene il motto e imposta un altro stile.
    Si colloca il frammento ovunque, in un widget ad esempio.

    Nulla di agevole temo.

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Il topic ‘Errata visualizzazione su mobile di due aspetti legati a Motto e Titolo del sito’ è chiuso a nuove risposte.