Responsiveness stopped working properly on phone

[jmorin]

Hi
I really don’t know if you will be able to help me or if this outside of the scope of your support, but I recently visited our site (www.seachem.com) on my phone which I haven’t done in a long while I guess. Something changed at some point and I have no idea when but the responsiveness is kind of broken.
When I view it in a web browser and take the window size down to phone breakpoints, it displays properly, but when I view on my phone (1170 px wide) it does not. It looks like certain elements are behaving correctly but others are not. The menu changes to mobile menu, but it’s too small. The search bar is supposed to disappear but it’s still there. Margins aren’t changing…etc

For comparison, we have two other sites that I built the same way and they still display correctly on the phone. Those are jurassipet.com and aquavitro.com

Like I said, not sure you can help but I have been banging my head against the wall and am kind of desperate. Any help would be greatly appreciated.

---

Template Version: 4.3.1

[Support]

Hi, I checked the source code of your site and it’s probably related to a missing META tag on HEAD of the HTML:

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

Try adding that after the TITLE tag and let’s see if it works.

Kind Regards.

---

[jmorin]

That did it! Thank you so much !!

---

[Author]

Posts