Skip to main content
Participant
February 11, 2019
Answered

Responsive Issues with Dreamweaver

Hi! I created a site using dreamweaver. In the browser window it is responsive, I also tested it on my mobile phone. But now that it is live it is not responsive anymore. Anyone have a clue why? Site is Laura A Kincaid - Web Portfolio  if that helps.

Thanks,

laurie

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Nancy OShea
    Nancy OSheaCorrect answer
    Community Expert
    February 11, 2019

    You neglected to add the responsive viewport meta tag for mobile phones.

    Add this to the <head> of your  Template.dwt file. 

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

    Save template and populate changes to all child pages.  And then upload all pages to server again.

    Nancy O'Shea— Product User & Community Expert

    6 replies

    Nancy OShea
    Community Expert
    Community Expert
    February 11, 2019

    You must have solved your problem because it looks OK to me on Firefox in Responsive Design mode.

    Translate
    Nancy O'Shea— Product User & Community Expert
    Participant
    February 11, 2019

    In the testing sites it works fine. But on my actual phone (iphone) i both safari, chrome and firefox it is not responsive. I also on the ipad it is not responsive even though it is when in the browser and when I tested it before uplaoding and making the site live.

    Translate
    Jon Fritz
    Community Expert
    Community Expert
    February 11, 2019

    Everything appears responsive to me in Vivaldi and Chrome.

    What's not responding for you as expected, and in which browsers?

    Translate
    Participant
    February 11, 2019

    I have an Iphone and when I view the site in Safari and Chrome the site is not responsive.

    Translate
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    February 11, 2019

    You neglected to add the responsive viewport meta tag for mobile phones.

    Add this to the <head> of your  Template.dwt file. 

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

    Save template and populate changes to all child pages.  And then upload all pages to server again.

    Translate
    Nancy O'Shea— Product User & Community Expert