Landing page CSS - Media queries working on desktop, but not on mobile | Community
Skip to main content
Gage_Nguyen
Gage_Nguyen
New Participant
May 16, 2018
Solved

Landing page CSS - Media queries working on desktop, but not on mobile

  • May 16, 2018
  • 1 reply
  • 2379 views

Here is an example page: info.identitymindglobal.com/KYC-digital.html

It is a guided landing page with media queries in a linked css file, and it works as expected in desktop browser (breakpoint is at 750px width), but not on mobile (width confirmed as 414px on iphone 7plus). 

Seems like there's an easy fix, but what is it?

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Gage_Nguyen

Figured out the issue, had not registered viewport in the meta.  Adding this to the <head> resolved the issue.

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

1 reply

Gage_Nguyen
Gage_NguyenAuthorAccepted solution
New Participant
May 16, 2018

Figured out the issue, had not registered viewport in the meta.  Adding this to the <head> resolved the issue.

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

Terms & ConditionsAccessibility statement

Loading footer...