WordPress.org

Forums

Twenty Twelve
How to remove mobile view (8 posts)

  1. jacksofia
    Member
    Posted 2 years ago #

    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.

  2. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    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.

  3. jacksofia
    Member
    Posted 2 years ago #

    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??

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    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

  5. jacksofia
    Member
    Posted 2 years ago #

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

  6. WPyogi
    Forum Moderator
    Posted 2 years ago #

    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?)

  7. jacksofia
    Member
    Posted 2 years ago #

    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.

  8. jacksofia
    Member
    Posted 2 years ago #

    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>

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic