Hi Tan,

You have to make your site responsive, it's not Umbraco issue.

Read please:

https://developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/responsive

http://www.w3schools.com/html/html_responsive.asp

Thanks

Thank Alex very much, but I added the viewport as you recommend and it is not still displayed although it is only displayed during quick loading process

Let my try and explain to you how a responsive site works.

The sites content is always the same on mobile and desktop, unless ofcourse you decide to hide things.

But what you are looking for is something called media queries. The Viewport you added only makes sure that the site views the sizes correctly and scales properly. BUT you have to tell it how to scale. Let me give you an example

<div id="main">
    <p>hello</p>
</div>
<div id="sidebar">
    <p>hello from sidebar</p>
</div>

this is a basic example of a main content area and a side bar now normally you could have some style like this

<style>
#main
{
float:left;
width:75%;
}

#sidebar
{
float:left;
width:25%;
}
</style>

I hope this makes sense

now what you want to do is tell the browser that when you get to for an exampl under 768px you want the sidebar and the main to be 100%

and this is done like this

<style>
    #main
    {
    float:left;
    width:75%;
    }

    #sidebar
    {
    float:left;
    width:25%;
    }

@media (max-width:768px)
{
#main
    {
    float:left;
    width:100%;
    }

    #sidebar
    {
    float:left;
    width:100%;
    }
}
    </style>

what this means is that from 0px to 768px your main and sidebar will both be 100% width

Hope this helps

Tjek http://getbootstrap.com/ :)

is working on a reply...