Getting a 1200px page to display correctly on a smartphone

I'm trying to get a 1200px page to display in a Samsung S7.  Since the S7 has a 1440x2560 screen I would expect the page to display fine,  but all I see is about the left quarter of it,  with no ability to swipe left to see more.  I tried adding  a viewport meta tag:

<head>
	<meta name = "viewport" content="width=device-width, initial-scale=1.0" />

Open in new window


but I get the same results.   Does anyone know how to get this page to display correctly?

The page I'm trying to display is at    https://thebarcoderegistry.com/verify/?barcode=040232534218

Thanks
stevaAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
First, your page includes a page in a page.  The formatting is wrong and you have to fix that first.
0
 
stevaAuthor Commented:
Yes, thanks.  The page is generated by a WordPress template I wrote.  The template has a get_header() at the beginning, that inserts its own DOCTYPE, <html>, <head> . . .</head>, and <body> tags.  I didn't realize this,, so added my own, so there were two sets floating around.  I fixed this and I think I have a handle now on the original question, getting the page to display sanely on a smart phone.
0
 
Dave BaldwinFixer of ProblemsCommented:
Good glad to help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.