Question: I created [this website](http://www.oooysterfestival.com) with the original intention of having it be mobile. However I've had to take that function out and for the time being just wanted to have it so when you visit the site on a mobile device you just see the website as you would see on the screen. Not mobile friendly as you would want it to be but zoomed out so you can see the whole thing.

I've already placed in the code to make it behave the way I'd like it to but something is happening and it's not working. Ive looked into the HTML 5 shim and other options for the viewport but I can't figure it out.

I've tried a few different variations of the viewport tag

```
<meta name="viewport" content="width=device-width" /> 
<meta name="viewport" content="initial-scale=1, maximum-scale=1"> 
<meta name="viewport" content="width=500, initial-scale=1">

```

This is what the website looks like right now on mobile devices

![enter image description here](https://i.stack.imgur.com/gSu74m.png)

This is what I was hoping to make it look like

![like this screenshot](https://i.stack.imgur.com/8LZ13.png)

Can you see what I'm missing?

Answer: 
I didn't find a css for mobile devices in your themes style.css file. Please write some css for various device like android, iphone, ipad, tablet pc etc. 

Example:

```
* @media Rule */
@media all and (max-width: 1024px) {here is your css code}

@media all and (min-width: 800px) and (max-width: 1024px) {here is your css code}

@media all and (min-width: 320px) and (max-width: 780px) {here is your css code}

```

I think it will help you to understand responsive css design properly.

* <http://learn.shayhowe.com/advanced-html-css/responsive-web-design>
* <http://www.responsivegridsystem.com/>
* <http://www.creativebloq.com/responsive-web-design/build-basic-responsive-site-css-1132756>

Thanks
Try only one of this Meta Viewports each time, remove the others.

Try this first: `<meta name="viewport" content="width=device-width" />`