Slik skjuler du kunngjøringslinjen på mobil i Squarespace

I denne bloggopplæringen kan du lære hvordan du skjuler kunngjøringslinjen spesifikt for mobilvisningen på Squarespace uten å påvirke skrivebordsvisningen.

La oss dykke inn..

Se videoen

Sjekk ut YouTube-videoen nedenfor 👇

Så det jeg vil gjøre er å skjule kunngjøringslinjen (merket med rødt) på mobilvisningen mens du holder den synlig på skrivebordsvisningen. For å oppnå dette må vi legge til en egendefinert kode.

Gå til Custom CSS- delen i Squarespace og legg til følgende kode:

@media screen and (max-width: 767px) {

  div.sqs-announcement-bar-dropzone {

    display: ingen !viktig;

  }

}

Fortsetter under bildet.

Som du kan se, da vi la til denne koden, ble kunngjøringslinjen skjult på mobilvisningen. Fortsetter under bildet.

Mens du fortsatt er aktiv i skrivebordsvisningen:

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.