Slik legger du til Burger Nav til Web View Squarespace

I denne bloggopplæringen kan du lære hvordan du legger til en burgernavigasjon til nettvisning i Squarespace

La oss dykke inn..

Se videoen

Sjekk ut YouTube-videoen nedenfor 👇

 

Følg disse trinnene for å aktivere burgernavigering på nettversjonen av nettstedet vårt:

  1. Naviger til SiderNettstedverktøyTilpasset CSS .

  2. Inne i Custom CSS- delen kopierer og limer du inn følgende kode

.header-nav, .header-actions { display: none; } .header-burger { display: flex; } .header--menu-open .header-menu { visibility: visible; opacity: 1; }

Når denne koden er lagt til, vil burgernavigasjonen vises på nettversjonen.

Pro tips:

Vil du lære hvordan du endrer burgernavigasjonsikonet? Les mer her.

Bilde som viser koden for hvordan du kan få burgernavigasjonen på Squarespace webview
 
 

Din designer

Jeg er Victor Rolf, en ekspert Squarespace-designer. Hvis du vil diskutere et potensielt prosjekt, kan du sende meg en e-post på victor@rolfmade.com eller ta kontakt her . Alternativt kan du sette opp en gratis 15-minutters konsultasjonssamtale her.

Tidligere
Tidligere

Hvordan endre skriftstørrelse på Mobil Squarespace

Neste
Neste

Hvordan tilpasse Burger Nav-ikonet Squarespace