Skip to main content
This topic is closed to new replies. Start a new post to keep the conversation going.
osgood_Correct answer
Legend
February 13, 2023
quote
Hmmm, I don’t find “viewport” content..Anyhow, I plugged in the first 7 lines of code from another page. Now the page in question is functioning properly on my iPhone… Client will be happy…. I can relax. Thank you again.Stephen Perkins
By @stevep34633534

 

The viewport meta tag was in the first 7 lines of code at the top of your contact page. Now you have replaced those lines the page works the same as your other pages which don't include the viewport meta tag...........job done.

 

However the website isn't very mobile user freindly but the information can still be read and accessed on tablet devices so l guess it will do. Probably not usable on smart phones but who uses a smart phone to do any serious internet research...........probably quite a few but these days it's not something that overly concerns me that much. 

View reply

10 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
February 12, 2023

Use a Bootstrap mobile-first Starter Template in Dreamweaver.

File > New > Starter Templates > Bootstrap Templates.  Choose a layout and hit CREATE button.  See screenshot.

 

 

More about Bootstrap

https://www.w3schools.com/bootstrap4/

 

Translate
Nancy O'Shea— Product User & Community Expert
osgood_
Legend
February 12, 2023

Its nothing to do with any scripts. What you have at the top of this page is the viewport meta tag:

 

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

 

That doesnt exist on any of your other pages.

 

Whats happening is your website is NOT responsive therefore mobile devices squeeze the page into their viewport width. If you declare a viewport meta tag, without the page being responsive, the browser tries to do something else, because its confused.

 

 

 

Translate
    stevep34633534Author
    Known Participant
    February 13, 2023
    Hmmm, I don’t find “viewport” content..

    Anyhow, I plugged in the first 7 lines of code from another page. Now the page in question is functioning properly on my iPhone… Client will be happy…. I can relax. Thank you again.

    Stephen Perkins
    Translate
    osgood_Correct answer
    Legend
    February 13, 2023
    quote
    Hmmm, I don’t find “viewport” content..Anyhow, I plugged in the first 7 lines of code from another page. Now the page in question is functioning properly on my iPhone… Client will be happy…. I can relax. Thank you again.Stephen Perkins
    By @stevep34633534

     

    The viewport meta tag was in the first 7 lines of code at the top of your contact page. Now you have replaced those lines the page works the same as your other pages which don't include the viewport meta tag...........job done.

     

    However the website isn't very mobile user freindly but the information can still be read and accessed on tablet devices so l guess it will do. Probably not usable on smart phones but who uses a smart phone to do any serious internet research...........probably quite a few but these days it's not something that overly concerns me that much. 

    Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices