Skip to main content
S
stevep34633534
Known Participant
February 12, 2023
Answered

Added email script to one page, it displays far too wide on iPhone.

  • February 12, 2023
  • 2 replies
  • 1121 views

re: www.ginazollman.com/pages-GinaZ/contact.html      After adding server side form email script, this one page displays too wide on iPhone. 

    This topic has been closed for replies.
    Correct answer osgood_
    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. 

    2 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/

     

    Nancy O'Shea— Product User & Community Expert
    O
    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.

     

     

     

      S
      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
      O
      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. 

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