Адаптивный шаблон InstantCMS 2+

[slavik11]

​

Не плохой шаблон для второй ветки инстанта, который имеет адаптивный дизайн и меняющеюся шапку, шапка меняется каждый час имеет 24 варианта для каждого времени суток, либо чего придумаете вы!
Дэмо:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[LavTeam]

Подскажите, поставил ответ, а в телефоне не помещается по ширине. Что нужно допилить?
Вроде все норм прописано:

Спойлер

/* Media Queries ============================================================ */

@media screen and (max-width: 980px) {
    #body section { width:100% !important; }
    #body aside { display:none; }
}

@media screen and (max-width: 800px) {
    #body section { width:100% !important; }
    #body aside { display:none; }
    nav { padding:5px; height:auto; }
    nav .menu { display:none; }
    nav select { display: block; }
    #layout footer #info { display: none !important; }
}

@media screen and (max-width: 640px) {
    #layout header #logo { margin: 0 auto; overflow:hidden; width:200px; }
    #layout header .menu { display:none; }
    .tabs-menu ul { display:none; }
    .tabs-menu select { display:block !important; }
    /*.widget > .title { font-size:14px !important; }*/
    .widget > .title .links { display:none; }
    .content_item .ft_image { float:none !important; }
}

@media screen and (max-width: 480px) {
    #layout footer #nav { display: none !important; }
}

Телефоны на которых проверял: iphone 4s, samsung ace 2

 

[dimabik]

Вот такой он адаптирован, одни слова только....

 

[LavTeam]

Вот такой он адаптирован, одни слова только....

Это я понял, а подправить нельзя никак? Масштабировать как-то.... К сожалению, не силен в этом...

PS В хроме отладкой пробовал править css - ничего не вышло.
Хромом выяснил, чтобы подстроиться под сайт нужен экран 480 точек по ширине... но айфон укладывается в это. Не понимаю.

 

[LavTeam]

В общем получилось исправить.
div.laWrapper
{
min-height: 100%;
background: url("../images/la_header.jpg") top center repeat-x;
min-width: 320px; Было 480
}
div.laHeader
{
min-height: 282px;
background: url("../images/la_wrapper.jpg") top center no-repeat;
}
div.laCont
{
max-width: 1160px;
padding: 0 20px;
min-width: 320px; Было 480
margin: auto;
}

и в
@media screen and (max-width: 700px) {
div.laCont
{
padding: 0 2px;
min-width: 320px; Было 476

 

[estr]

за шаблон спасибо конечно, выбрать то под новую ветку совсем не из чего.
по новостной сайт, а именно городской, такой для начала как будет смотреться, что думаете?
Больше актуален, мне кажется, будет News Box от ic-newsbox2.dezerit.org.ua , солидней и проще смотрится, но он под 1ю ветку, автор адаптацией заниматься не будет, с его слов, а новую разработку начнет как минимум в средине зимы.
Кто заинтересован в адаптации этого удобного и приятного шаблона - пишите в личку, скинуться вместе будет дешевле чем в рознь .