Jump to content

I updated an image on my website. Before it appeared on desktop and mobile, but now it only appears on desktop.

Recommended Posts

Hi
My website is this: https://www.buildingpictures.pt/
I recently updated an image that is on my homepage (you can see the attachment) and added code in the "Custom CSS".

By the way, the code I added is this one:

.slider {
   width: 100%;
   overflow: hidden;
}

.slider .slider-image{
   background-image: url(https://static1.squarespace.com/static/6022c2a79dbc57670b6d4774/t/63d954e075fa58624953250c/1675187425184/Banner+that+is%CC%81+on+site_02+copy.jpg);
   width: self;
   height: 150px;
   background-size: 2530px 129px;
   animation: slide 50s linear infinite;
}

@keyframes slide{
   from{background-position-x:0px;
   }
   to{background-position-x:-2950px;
   }
}

I also added this HTML code on the home page, where the image is: <div class="slider">
   <div class="slider-image">
    
   </div>
</div>

Before this image appeared on desktop and mobile, but now it only appears on desktop. Can anyone help me understand why this is happening?
What can I do to resolve this situation?

It would be great if someone could help.
Thanks,

Building Pictures

Banner que está no site_02 copy.jpg

Edited by buildingpictures
Link to comment
  • Replies 1
  • Views 158
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.