Removing Mobile Compatibility (Code)

ecarliz

Newbie
Joined
Nov 4, 2015
Messages
9
Reaction score
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
 
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:
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;
}

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..
 
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
 
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:
Back
Top