Images not resizing on specific page

Shapely
1

Hi there

Website/Page - About Us | MKA Architects

On this page the images are not responsive, they are not resizing on mobile.

It is the only page laid out with a number of SiteOrigin Editor widgets.

Can you let me know how to fix it.

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*fullwidth imge on mobile*/
@media (max-width: 768px){
	.page-id-2470 img.alignright.size-medium {
    width: 100%;
}
}

Best regards,
Support.

3

Thanks so much for quick response!

This has solved the issue . . . in part.

When viewing on an iPad, the images are now full width which is too big.

4

Hi @pablohoney

You can make it not full width, for example:

/*fullwidth imge on mobile*/
@media (max-width: 768px){
	.page-id-2470 img.alignright.size-medium {
    width: 90%;
}
}