1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Removing Mobile Compatibility (Code)

Discussion in 'Blogging' started by ecarliz, Nov 17, 2015.

  1. ecarliz

    ecarliz Newbie

    Joined:
    Nov 4, 2015
    Messages:
    9
    Likes Received:
    1
    Hey everyone,

    SI have a website doen with wordpress and the theme I use doesnt give me the option to turn off mobile option. I would like my website to display in a mobile the same way as it does on a desktop.
    I really want to keep this theme so I have tried a few things in the code to make this work. The one thing I did was removing <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> from the header.php. While this resolves the issue and it is now displaying the full site in a mobile. the width of the website is wrong, and it cuts it on the right side and shrinks my menu

    Anyone here has any idea how I can make my site to display exactly like on the desktop?

    Thanks
     
  2. Zwielicht

    Zwielicht Moderator Staff Member Moderator Jr. VIP

    Joined:
    Aug 31, 2013
    Messages:
    7,098
    Likes Received:
    12,498
    Gender:
    Male
    Occupation:
    Reaper
    Location:
    Riverside, California
    Home Page:
    Coding isn't really my specialty, but I believe that code you removed is what told the browsers to adjust your site's width to fit the screen.

    Anyway, you can try out this code to see what happens.

    Code:
    .container {
        width: 100%;
        max-width: 1200px;
    }
     
    Last edited: Nov 17, 2015
  3. ecarliz

    ecarliz Newbie

    Joined:
    Nov 4, 2015
    Messages:
    9
    Likes Received:
    1
    Thanks, I tried this code, but it didnt make a difference. It is strange though, I can see the full website on my mobile, but it is still a bit shrinked to the lef, so it shrinked my menu on the header and also cut off a peace of my right sidebar..
     
  4. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    5,707
    Likes Received:
    2,635
    Occupation:
    blog creator
    Location:
    UK
    why do you want to remove responsive, google favours responsive design above non responsive. The big G calls is mobile friendly, your visitors or most of them will be using mobiles to access the internet as this is taking over. Having small text and having to resize continiously is a big turn off
     
  5. Earned Results

    Earned Results Junior Member

    Joined:
    Jun 8, 2015
    Messages:
    104
    Likes Received:
    42
    If its a responsive design, you most likely can't make it desktop-only. Not easily, anyway. You'll have to hire a developer.

    You could try this:

    HTML:
    .container {
           width:1200px !important;
           display:block;
    }
    By forcing a set width, the container won't automatically adjust.

    Honestly I'd keep it responsive.
    You'll reduce your traffic by removing mobile functionality.
     
    Last edited: Nov 17, 2015