Images overflowing on mobile

Support
#1

I have an image that goes off screen on mobile, shouldn’t everything adjust for different screen sizes?

#2

Hello There,

It looks like that your site is down at the moment.



http://www.isitdownrightnow.com/belmarhealth.com.html

Please contact your hosting provider for further assistance to get back your site online.

Kindly let us know when it back. Thanks.

#3

It’s not down, www doesn’t work! sorry

#4

Hi @JosephLucero,

I have checked your site. I am not sure of the problem. I could see that it is looking great. Would you mind sharing us more details or screenshot so we could understand fully the situation. You could also share us the device that you are using so that we could easily replicate it in our side.

Thank you.

#5

Hi, Nico it is on iPhone X

#6

In X and other mobile simulators it appears fine but not on an actual phone

#7

Hi There,

Do you mean that image with a class of doc-patient

That image has a fixed width of 440px, so yeah the image will overflow if the screen gets smaller than 440px.

To address that, please add this to your page CSS.

@media (max-width: 480px) {
	.doc-patient {
		width: 100% !important;
	}
}

Then clear your phones browser’s cache.

Hope it helps,
Cheers!

#8

Perfect… That’s why I keep you on payroll :heart_eyes:

#9

We are delighted to assist you with this.

Cheers!

1 Like
#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.