Fikser stablet sentralnavigasjon i Squarespace
I denne raske opplæringen lærer du hvordan du løser problemet med stablede navigasjonselementer i Squarespace ved å bruke enkel CSS
Se videoen
Sjekk ut YouTube-videoen nedenfor 👇
Ofte, når du legger til flere menyelementer mens du bruker senternavigering i Squarespace, kan elementene stables. Nedenfor deler jeg litt kode for å sikre at de forblir på en enkelt linje.
For å få det til å fungere, gå til Egendefinert CSS- fanen i Squarespace og lim inn følgende kode:
.header-nav {
bredde: 90 % !viktig;
flex: 1 1 90 % !viktig;
}
.header-title-nav-wrapper {
flex: 1 0 80 % !viktig;
}
Som du kan se på bildet nedenfor, justeres navigasjonselementene umiddelbart på en enkelt linje.
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.
