Resizing Mobile Images

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.

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

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

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?

Hi Tuan, hope your weekend is good. Thank you for always getting back to me. I've actually sorted the issue, thank you.