Skip to main content
Participant
Feb 11, 2019 8:03 PM UTC
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
    Feb 11, 2019 8:38 PM UTC

    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
    Feb 11, 2019 8:24 PM UTC

    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
    Feb 11, 2019 8:39 PM UTC

    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
    Feb 11, 2019 8:17 PM UTC

    Everything appears responsive to me in Vivaldi and Chrome.

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

    Translate
    Participant
    Feb 11, 2019 8:26 PM UTC

    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
    Feb 11, 2019 8:38 PM UTC

    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