• jmckiernan86

    (@jmckiernan86)


    The issue I’m having is that my site is not responsive in chrome (works sometimes in IE) when I shrink the window down. I put the web address into an html validator and it told me that this line – <meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ /> – is what is causing the problem. I deactivated all plugins and I’m still getting this in the validator. I don’t know where this tag is coming from or how to remove it. I’m using the headway theme which is supposed to be responsive so I don’t know why that tag would be in there.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Joey

    (@joey4j)

    I’m not familiar with child theme, but <meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ /> is normally in header.php file of your theme.

    Thread Starter jmckiernan86

    (@jmckiernan86)

    Thanks Joey – I’m not sure how to edit the files with headway though, its different than other themes. The header.php is just:
    —————————————
    <?php
    /* Prevent direct access to this file */
    if ( !defined(‘WP_CONTENT_DIR’) )
    die(‘Please do not access this file directly.’);

    HeadwayDisplay::html_open();

    wp_head();

    HeadwayDisplay::body_open();
    ——————————
    Is anyone familiar with how to change this in headway or why headway ( a responsive theme) even has the <meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ /> tag?

    Joey

    (@joey4j)

    Do you mind sharing the URL? Then, I can check more closely. Thanks!

    Thread Starter jmckiernan86

    (@jmckiernan86)

    https://theholistictruth.com/ – thanks for taking a look!

    Joey

    (@joey4j)

    Thanks for the URL! I’ve checked your website on Chrome (Windows), but it seems perfectly responsive. What part(s) are you referring as not being responsive?

    Thread Starter jmckiernan86

    (@jmckiernan86)

    you’re right. all of the sudden its responsive now. I didn’t change anything, I don’t know how its working now. Before when it wasn’t working I cleared all the Caches and I cleared my browser cache and couldn’t get it to work. I know it was something with my site though because even then other sites I tested were responsive. So I guess this issue can be closed out but I’m just wondering if that tag could have caused it or if its gonna start happening again.

    I also read that I should have this in the header – <meta name=”viewport” content=”width=device-width,initial-scale=1″> – I tried that but it didn’t do anything (before when it want working – I’ve removed it since then.

    Joey

    (@joey4j)

    I don’t know how, but it’s good that it’s working now! Please post here in case it goes back to non-responsive again.

    Thread Starter jmckiernan86

    (@jmckiernan86)

    will do – thanks Joey!

    Thread Starter jmckiernan86

    (@jmckiernan86)

    Ok – this is happening again. But now I’ve realized its not just chrome, it happens in IE too. But then it will start working in both browsers and I cant figure out whats triggering it – its seems like it just starts and stops out of the blue. I’ve deactivated all plugins multiple times, clear all caches but still get the issue (or can’t trigger it if its working right then). I know (pretty sure) its not my computer or browser’s setting because other sites are consistent, its only my site that has the problem. The only thing that makes sense to me is that this line is causing the issue but I don’t know where it is…

    <meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ />

    from Here:

    https://validator.w3.org/nu/?doc=http%3A%2F%2Ftheholistictruth.com%2F

    Hi there. I’ve checked again on those browsers, but working fine. As for <meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ />, this is quite common. My website also has <meta name=”viewport” content=”width=device-width”>. Having minimum-scale=1.0, maximum-scale=1.0 stops visitors from zooming into your site (such as double-tap zoom and pinch zoom on mobile devices), but I don’t think this is anything to do with being responsive or not. Responsive design is controlled by CSS, so it might be your CSS file not loading fully when you had this non-responsive issue.

    Thread Starter jmckiernan86

    (@jmckiernan86)

    Okay I figured out what’s causing it – I missed this before but there is a ‘view full site’ or a ‘view mobile site’ link at the bottom that allows you to change between the two built into headway. The thing is that it doesn’t always load though – it seems completely random. when the site is responsive there is no link at the bottom (IE its loading the responsive mobile version) but when its not responsive the ‘view mobile site’ link appears at the bottom. So I guess I check in over at the headway forums to see if there’s anyway to always get the mobile site to load as that is the responsive version. Thanks for explaining the <meta name=”viewport” content=”width=device-width”> tag Joey!

    No worries!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘site not responsive in chrome’ is closed to new replies.