Question

I have a built plenty of websites and they all do the same thing on mobile devices. They shrink down all small like they’re supposed to.

This website I built using Joomla 2.5 and the Wright Framework will not resize. (Yes I know Wright is a Bootstrap framework for Responsive Design but the client has requested in the end of the project for the website to NOT be responsive, they don’t like it)

I have tried every I can find. Does anyone have any suggestions?

Here’s the website. View it on your mobile device and you’ll see what I mean.

http://174.122.19.188/~rockwall/

Some meta name’s I’ve tried:

    <meta name = "viewport" content = "width = device-width">
    <meta name = "viewport" content = "initial-scale = 1.0">
    <meta name = "viewport" content = "initial-scale = 2.3, user-scalable = no">
    <meta name = "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">

Answer 1

If you are looking to “shrink” the page to the width of the screen, Set the viewport width to equal the width of your widest container.

<meta name = "viewport" content = "width = 940">

If you want to allow the user to zoom in, add user-scalabel and set a maximum-scale.

<meta name = "viewport" content = "width=940, maximum-scale=1.0, user-scalable=yes">

Example here