Jump to content

Background image resize for entire site for mobile 7.1

Recommended Posts

Site URL: https://www.studioacreatives.com

Hello,

Currently, I am designing a website for my agency and I love it in desktop view.

409444036_ScreenShot2021-01-20at3_14_05PM.thumb.png.1c995f1c6c11178c9c9ca24bdbfac619.png

However I can not say the same for mobile view because the background images don't look flattering due to their size. So I tried this code. I love that it has worked for the first image but what should I do to so this feature can be set like this for the entire website. Please help!369485764_ScreenShot2021-01-20at3_14_55PM.png.6bb40ddc770726845b0b5ed5e3e5897c.png1353800056_ScreenShot2021-01-20at3_14_28PM.png.ca7118df4a770e1c6a96333a1db34349.png

www.studioacreatives.com

Link to comment
  • Replies 3
  • Views 353
  • Created
  • Last Reply
On 1/23/2021 at 7:32 AM, tuanphan said:

Can you list all background images which you want to resize?

Hello I would like the following images resized for mobile...

On the first page

The first image background Image 

Name: Artboard 6@2x.png

1150804704_ScreenShot2021-01-24at11_14_28PM.thumb.png.ffc6f3ec9c491c13a491f432559d143c.png

Second

Name: web banner 3. png

1803881270_ScreenShot2021-01-25at12_09_56AM.thumb.png.64967c40d45c8909de0e173d0ada32c8.png

Third Image and this is also the image on the services page I would like for it to be resized also.

Name: Artboard 13@5x.png

179597093_ScreenShot2021-01-25at12_16_21AM.thumb.png.676ffc3c8c5b091a3e893904bfbe98fd.png

and Fourth:

Third Image and this is also the image on the contact page I would like for it to be resized also.

Name: web banner 5.png

901254616_ScreenShot2021-01-25at12_16_57AM.thumb.png.e5b5a3df493f8f5becc173b99d8712d8.png

And this Image on the About Page

Name: Artboard 19@5x.png

622618040_ScreenShot2021-01-25at12_15_49AM.thumb.png.7e8c4c0897ff7b696e20783d5f0284a8.png

 

 

 

 

 

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.