Un utente ha chiesto
Categoria: Cerauno di WordPress
Domanda: Come risolvere il relativo picco di intestazione 100% alto

Buongiorno,
il problema si verifica su uno schermo ampio: l’altezza dell’intestazione diventa più piccola sugli schermi più grandi – l’altezza viene tagliata

come posso impostare l’altezza relativa dell’immagine dell’intestazione al 100%?

questo problema non si verifica sul mio smartphone, né in orizzontale né in verticale

foto-screenshot: https://cloud.1und1.de/ngcloud/external?locale=de&guestToken=3UN4aNqST5iTJJ_MaPHMHg&loginName=323642516

piazzare: http://aquaterra70.vda-net.de/

  • (@subrataemfluence)

    Non sono sicuro delle impostazioni dell’immagine o delle regole CSS associate. Ma puoi dare height: auto; per l’immagine dell’intestazione, prova.

    (@harrykoi)

    In cerauno a tema wordpress, non riesco a trovare una possibilità di immissione html per header-pic.

    C’è solo una dimensione consigliata per l’immagine dell’intestazione di 1400 x 200 px

    E ci sono diversi editor php. Ma non ho conoscenza di php.

    C’è un campo di input per CSS aggiuntivi. Qui sarebbe possibile inserire un comando di correzione, credo

    (@shireling)

    Ciao @harrykoi

    L’immagine dell’intestazione su Cerauno è progettata come sfondo, con un titolo o un logo basato su testo in alto. Ciò darebbe al titolo più altezza, quindi potrebbe funzionare meglio su schermi più grandi.

    Quindi, puoi provare a caricare una copia dell’intestazione senza il testo e utilizzare un titolo di testo normale. Oppure puoi assicurarti che sia installato il plug-in Jetpack che attiva la funzione Logo di Cerauno.

    Quindi, sotto il personalizzatore, vedrai un’opzione Titolo del sito, slogan e logo. Puoi aggiungere un logo basato su un’immagine in questo modo.

    Infine, puoi provare una soluzione basata su CSS, forzando l’intestazione a un’altezza maggiore.

    Nella sezione CSS aggiuntiva dell’utilità di personalizzazione, prova questo frammento di codice:

    @media screen and ( min-width: 1280px) {
        .site-branding {
            min-height: 200px;
        }
    }

    Questo lascerà da soli gli schermi piccoli e medi, ma creerà un’intestazione più grande sugli schermi più grandi.

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *