How to make my net objects fusion 2013 site into mobile responsive

Quote:

---

Originally Posted by Thomas Frei-Herrmann

Hi,
...

This means a little bit of CSS.

Code:

---

img {
      max-width:100%;
      height:auto;
      width: auto; /* IE 8 */
    }

---

In this case I have just given the body this additional style to give it a width of 100% (instead of 990px used in this page):

Code:

---

<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%;">

---

Then I have drawn all my text fields to the full layout width and added the CSS-option of 100% width.

This is not really complicated and - yes - NOF should be able to create something as a template :(

[/URL]

---

How/where do you insert this css?
I tried to include it i the HEAD section, but the page width wont expand display full screen width.
eg www.solarlightcap.com/html/ebuy.php
To clarify, the original 950px desktop layout page used to display okay on an iPhone without needing 100% css anywhere.
But to look better I didnt want to rescale all the content, so I tried to shrink the page width to 540 pixels, hoping iPhone would display it full screen width. But its not. :-(