Mobile-friendly test showing error on one page

Melody Scott
Melody Scott used Ask the Experts™
on

Content wider than screen

Clickable elements too close together

That's the mobile usability report for https://magickitchen.com/info/food-for-chronic-diseases.html.

This one, by contrast, is fine: https://www.magickitchen.com/info/protect-blood-vessels-and-kidneys-with-daily-exercise.html

Which leads me to believe the clickable elements issue isn't with the navigation or footer, which are identical.

The divs are the same as well, so I'm equally confused about the content width issue.

I've tried removing various elements (for instance, the testimonials section), but get the same response.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Developer & EE Moderator
Fellow 2018
Most Valuable Expert 2013
Commented:
You need to add the class img-responsive to the image for content wider than the screen
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
Also, content below should be in a column.

<p><a href="https://www.statnews.com/2018/04/02/food-chronic-disease-hospital-stays/" target="_blank">Studies show</a> that custom meals can help curb hospital stays for people with chronic disease. That means lower medical bills and more time at home with family and friends. </p>

Open in new window

Author

Commented:
thanks, will give those fixes a try!

Author

Commented:
That worked, thanks! I didn't realized I'd missed that class out on the large image.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial