Banners too large on mobile page

Site URL: https://www.adaptiontraining.com/elite-personal-training

Hi,

I've tried tirelessly to find some code to inject into the CSS design section on squarespace to alter the banners when in mobile preview, they just come up as massive images unless I rotate the actual screen around horrizontally.

Can someone please help, I've attached a screenshot below

Thank you in advance

Hi. DO you still need help on this?

Hello! I have the same issue & need help resizing the mobile image only.

3 hours ago, cedesigns said:

Hello! I have the same issue & need help resizing the mobile image only.

Can you share site url? We can help easier

www.hitchedeventsco.com

I need it resized on the home page & blog page for mobile!

13 hours ago, cedesigns said:

I need it resized on the home page & blog page for mobile!

Add to Design > Custom CSS > Save & reload the site. If it works, we will check blog page

/* Mobile-Homepage-Resize baner */
@media screen and (max-width:640px) {
body.homepage .banner-thumbnail-wrapper figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
}

That worked perfect! Thank you, let me know if you can do that with the blog page!

Could you do the blog banner on my page & the black quote image block on the homepage for mobile? Thank you!!

And those pages for the tablet version...thank you!

Hi. You mean images above title on this page? https://www.adaptiontraining.com/adaption-training-blogpost