Un utente ha chiesto
Categoria: Sydney di WordPress
Domanda: Aggiungi test all’intestazione durante lo scorrimento

Buongiorno,

C’è un modo per aggiungere testo alla barra dell’intestazione quando inizi a scorrere? In questo momento ho il mio logo in alto a sinistra e alcuni link all’estrema destra, ma quando scorri la pagina verso il basso e la barra va in posizione mobile, vorrei aggiungere del testo, è possibile?

Il sito è http://www.perkinz-computing.co.uk

Grazie per qualsiasi aiuto!

  • (@kharisblank)

    Buongiorno,

    Grazie per averci contattato qui.

    Per raggiungere questo obiettivo, potresti provare i seguenti passaggi?

    1. Installa e attiva il plug-in per gli script di intestazione e piè di pagina
    2. Vai a impostazioni > Script di intestazione e piè di pagina cartello
    3. Incolla quanto segue nell’area “Script nell’intestazione:”:

    <style type="text/css">
    .extra-header-text{
      display: none;
    }
    
    .float-header .extra-header-text{
      display: block;
    }
    </style>

    4. Incolla il seguente codice nell’area “Script a piè di pagina:” fornita:

    <script type="text/javascript">
    
    jQuery(function($) {
    
      var myText = 'My text goes here';
    
      $('.header-wrap > .container > .row').append('<span class="extra-header-text">'+myText+'</span>');
    
    });
    
    </script>

    4. Salvare le impostazioni

    Saluti,
    Kharis

    (@ p3rk1nz)

    Ha funzionato perfettamente! Grazie mólto!

    (@kharisblank)

    Sei sempre il benvenuto qui. 🙂

    (@ p3rk1nz)

    Buongiorno,

    Mi dispiace, sto cercando di formattarlo nello stesso stile delle voci di menu esistenti (ma posizionate nello stesso posto di adesso) ma sono sfortunato. Ho copiato il file

      e

    • usato per questi articoli ma non sembra cambiare? Idee?

    Grazie!

    (@kharisblank)

    Buongiorno,

    Prova ad applicare il seguente codice:

    .extra-header-text{
      font-weight: 500;
      color: #fff;
      font-size: 14px;
    }

    Saluti,
    Kharis

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

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