Aggiungi test all’intestazione durante lo scorrimento

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?

SìNo

0 / 0