Jump to content

Resize images on mobile for bedford

Recommended Posts

Hi all,

I've been banging my head against the wall trying to re-size the images on my site for the bedford template. I've tried inserting css specific rules for mobile in the header of the page, but it doesn't seem to be working.

The page can be found here - https://www.compassred.com/offering

The images for Data Strategy & Readiness, Marketing Optimization, etc. are all MASSIVE on mobile

Please help!

Thanks,

Alex

Link to comment
  • 1 year later...
  • Replies 4
  • Views 820
  • Created
  • Last Reply

I would love an answer to this as well!  Any luck?

So far I've gotten some progress with this css:

#block-yui
  max-width: 50%;
  max-height: 50%;
 margin-left: 20%;
}

However, I know #block-yui id's can change... and I don't like that it also changes the size on desktop and tablet size.

Link to comment
On 1/28/2021 at 1:48 PM, yomateyo said:

I would love an answer to this as well!  Any luck?

So far I've gotten some progress with this css:

#block-yui
  max-width: 50%;
  max-height: 50%;
 margin-left: 20%;
}

However, I know #block-yui id's can change... and I don't like that it also changes the size on desktop and tablet size.

Can you share site url? We can help easier

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
  • 2 months later...

Sorry just saw this response! I think I figured it out, though I am still using the #block-yui id, which I hear might change... so I'm concerned it might be a temporary fix.

I'm using this:
//footer icons mobile resize
@media only screen and (max-width: 640px) {
  #block-yui_3_17_2_1_1600713742696_56014{ 
  width: 20%;
margin: auto;
  }
}

The site is nativeland.org

Thanks!

Link to comment
On 4/29/2021 at 1:44 AM, yomateyo said:

Sorry just saw this response! I think I figured it out, though I am still using the #block-yui id, which I hear might change... so I'm concerned it might be a temporary fix.

I'm using this:
//footer icons mobile resize
@media only screen and (max-width: 640px) {
  #block-yui_3_17_2_1_1600713742696_56014{ 
  width: 20%;
margin: auto;
  }
}

The site is nativeland.org

Thanks!

Do you still need help?

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.