Jump to content

Move image decor on mobile

Recommended Posts

Site URL: https://vanilla-orange-497x.squarespace.com

Hi !

I need help moving an image decor on mobile, because the image is not visible.

I want to move the "slow living" on the right on the mobile version.

Here the code I use to add the image :

#block-yui_3_17_2_1_1618230052617_6029::after {
  content:'';
  position:absolute;
  background-image:url(https://static1.squarespace.com/static/6068623874bb870d7578d6f8/t/60769973b4d79375810af22a/1618385267991/Sillage-slow-living-logo.svg);
  background-size:contain;
  background-repeat:no-repeat;
  width:40%; /**change as needed**/
  height:25%; /**change as needed**/
  bottom:-7%;
  left:-22%;/**change as needed, add top, left properties as needed**/
  z-index:2; /**change as needed**/
     
}

 

https://vanilla-orange-497x.squarespace.com

Pass : Sillage

Thanks for your help !

 

1.png

2.png

Link to comment
  • Replies 1
  • Views 174
  • Created
  • Last Reply

Hi. It looks like you solved this?

Also, I see the site has some problems

Site URL: https://vanilla-orange-497x.squarespace.com/

1. (Tablet-Homepage) Increase text width?

vanilla-orange-497x.squarespace.com-01.p

2. (Tablet-Homepage) Increase text width, reduce text size?

vanilla-orange-497x.squarespace.com-02.p

3. (Tablet-A propos)

vanilla-orange-497x.squarespace.com-04.p

4. (Tablet-A propos)

vanilla-orange-497x.squarespace.com-05.p

5. (Tablet-Podcast)

vanilla-orange-497x.squarespace.com-06.p

6. (Tablet-Podcast)

vanilla-orange-497x.squarespace.com-07.p

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

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