Jump to content

Resizing Mobile Images

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

On 2/16/2022 at 10:06 AM, mdrealmedia said:

Site URL: http://www.mdrealmedia.com

Hello, I am trying to format my images to fit on the mobile website. My website is mdrealmedia.com

The images I am trying to resize are the three background images on the home, services and gallery pages. As well as the photo halfway down my homepage with text in the middle of it. I appreciate any and all help.

Hi,

Homepage/Service/Gallery: Top image?

I see you solved this for homepage by this CSS

@media screen and (max-width: 767px) {
    .homepage section:first-child {
        height:40vh !important;
        min-height: unset !important
    }
}

To solve problem on 3 pages , you can edit 3 pages >> Add a Code Block (anywhere) >> Paste this code

<style>
  @media screen and (max-width: 767px) {
    article section:first-child {
        height: 35vh !important;
        min-height: unset !important;
        margin-top: 10vh;
    }
}
</style>

Adjust number 35 & 10 on each page to number what you feel okay

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

Hi Tuan 🙂

I really need your help please - regarding the main image on this homepage that my client is insisting on using in the top section of https://beige-oleander-mp66.squarespace.com/

When I upload the image it looks huge on SQSP, is there a way to 'zoom' back??

And also, I need to move the text blocks further down the section so that they're closer to the lower border of the section.

Thank you so much

 

Link to comment
On 4/1/2022 at 3:24 PM, Iwan said:

Hi Tuan 🙂

I really need your help please - regarding the main image on this homepage that my client is insisting on using in the top section of https://beige-oleander-mp66.squarespace.com/

When I upload the image it looks huge on SQSP, is there a way to 'zoom' back??

And also, I need to move the text blocks further down the section so that they're closer to the lower border of the section.

Thank you so much

 

Hi. What is access password?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.