Resize images on mobile for bedford

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

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.

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

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!

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?