Jump to content

ZuchinniCosette

Member
  • Posts

    1
  • Joined

  • Last visited

ZuchinniCosette's Achievements

  1. Hello, I am having a similar issue: I'm trying to make an announcement bar with text and an image. Everything looks fine when I'm editing in desktop and mobile "mode" from my computer; but when I actually check the site on my phone, only the text is there, not the image. Here is my code: //drop shadow .sqs-announcement-bar { box-shadow: 1px 4px 6px rgba(0,0,0,0.2) } //adjust placement of text .sqs-announcement-bar-text-inner {transform:translatey(1rem)} //To restyle the content layout .sqs-announcement-bar-text { align-items: center; display: flex; justify-content: center; } //To add the image .sqs-announcement-bar-text::after { background-image: url(https://static1.squarespace.com/static/65a48cc392341f0580fa7a29/t/65b4422b6353c24c44327e73/1706312238496/Docs+Face+%26+Real+Flames--NEW+-+9-20-17.png); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; display: block; height: 70px; width: 350px; } //ADJUSTING FOR MOBILE @media only screen and(max-width: 767px) { .sqs-announcement-bar-text:before{ margin-left: 30vw; margin-bottom: 6rem; } //text above image in mobile .sqs-announcement-bar-text::after { background-image: url(https://static1.squarespace.com/static/65a48cc392341f0580fa7a29/t/65b4422b6353c24c44327e73/1706312238496/Docs+Face+%26+Real+Flames--NEW+-+9-20-17.png) ; background-size: contain; content: ''; width:500px ; margin-top: 10px} .sqs-announcement-bar-text { align-items: center; display: grid; justify-content: center; }} /
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.