transmitstudio
8/20/2013 - 5:28 PM

Set viewport content width to accommodate layouts wider than 980px on non-responsive sites. In this example the .wrap was 1060px so the view

Set viewport content width to accommodate layouts wider than 980px on non-responsive sites. In this example the .wrap was 1060px so the viewport width was set to 1080 which allowed for a 10px gutter. https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW1

viewport.php
content_copyfile_download
/** Add Viewport meta tag for mobile browsers */
add_action( 'genesis_meta', 'storewithstyle_add_viewport_meta_tag' );
function storewithstyle_add_viewport_meta_tag() {
    // echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
    echo '<meta name="viewport" content="width=1080" />';
}