Support » Theme: Twenty Twelve » How to remove mobile view

  • jacksofia

    (@jacksofia)


    I’d love to be able to remove the mobile view and have all devices show the full site. Currently the mobile view looks so bad with menu out of line. Also mobile view is not centered correctly. Does anyone know how to do this.

    Thanks so much.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Not worth the hassle. You’ll have to redo most of the theme’s CSS because Twenty Twelve was built for mobile phones primarily before desktops.

    I heard you can get away with it by adding a viewport tag in your header.php file, but if that doesn’t work, I suggest switching to a different and non-mobile theme.

    Thread Starter jacksofia

    (@jacksofia)

    Spent so long working on the site I’d love to find a solution rather than change theme. Will check out the viewport tag – thanks. Any other suggestions wordpress experts??

    WPyogi

    (@wpyogi)

    There have been some previous threads on this question – have you searched the forums? Make VERY sure you are making any changes in a Child Theme so as to avoid modifying the default theme directly.

    http://codex.wordpress.org/Child_Themes

    Thread Starter jacksofia

    (@jacksofia)

    Yes – thanks – I am using a child! I have searched but no other thread seems to have a good (and easy) solutions!

    WPyogi

    (@wpyogi)

    I think that’s because there isn’t a good and easy solution 🙂 – hence Andrew’s comment above… Perhaps you should go back to looking at and fixing the alignment problems? (Or are those inherent to unmodified twentytwelve?)

    Thread Starter jacksofia

    (@jacksofia)

    Thanks for your help. I’m not too experienced and had a hard time with the layout. Here’s the site if you want to make suggestions to center the 3 text boxes at bottom of each page and so it lines up on mobile view. (be kind please:) )

    http://photographybydm.com/

    Thanks again for all the help.

    Thread Starter jacksofia

    (@jacksofia)

    This solution worked for all pages with exception of home page – which looks like it can be fixed by correcting my sloppy css…

    replaced this (in header)
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
    <meta name=”viewport” content=”width=device-width” />
    <title>

    with this…
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
    <title>

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to remove mobile view’ is closed to new replies.