У меня шаблон BT_Moda от Ice Theme. Разработчики утверждают что шаблон адаптирован для мобильных устройств, но на телефоне он представляет собой плачевное зрелище. Все дело в том, что в самих настройках шаблона надо прописать общую ширину, изначально 1500, использование этой ширины с % и или 100% не помогает, пустое значение тоже не решает проблему. У всех файлов шаблона есть дубли, например template.css и template_rti.css. Я так понимаю, что за вторым вариантом скрывается слово responsive. вот template_rtl.css Код (css): . И как можно применить мета-тег viewport в данном случае? Где его нужно вставить в код, чтобы заработало так <meta name="viewport" content="width=device-width">. Сам сайт http://дизайнерскаямебельсуламита.рф * { font-size: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } * html body { height: 100%; } html { } body { font-size: 13px; font-weight: 400; font-family: PT Sans, sans-serif; line-height: 1.7; width: 100%; height: 100%; min-height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.@-o-viewport { width: device-width; } .clearfix { display: block; clear: both; } * html .clearfix { height: 1%; } /* --- offline page --- */ .bt_offline_image { background-position: top center; background-repeat: no-repeat; width: 704px; height: 353px; margin: 40px auto 40px auto; } /* --- logo --- */ div.bt_fade_logo.bt_fade_img { background-position: right top; background-repeat: no-repeat; width: 100%; height: 86px; position: relative; } div.bt_fade_logo.bt_fade_img a { background-position: right bottom; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } #bt_popup .bt_popup_links { text-align: center; } #bt_popup .bt_popup_links p { } #bt_popup .bt_popup_links span { } #bt_popup .bt_login_form a:link, #bt_popup .bt_login_form a:active, #bt_popup .bt_login_form a:visited { } #bt_popup .bt_login_form a:hover, #bt_popup .bt_login_form a:focus { } #bt_popup .bt_login_form ul li { } #bt_popup .bt_popup_links a { font-weight: 700; } #bt_popup .bt_popup_links a:hover { } #bt_popup .bt_login_sign_in, #bt_popup .bt_login_logout { } #bt_popup .bt_login_sign_in:hover, #bt_popup .bt_login_logout:hover { } #bt_popup .bt_login_register { } /* --- mod_search --- */ div.module_content div.search { overflow: hidden; } div.module_content div.search.style2 { } div.module_content label[for="mod-search-searchword"] { display: none; } div.module_content input#mod-search-searchword { } div.module_content input#mod-search-searchword:hover { } div.module_content input#mod-finder-searchword { } div.module_content input#mod-finder-searchword:hover { } /* --- mod_breadcrumbs --- */ .bt_sub_pathway { overflow: hidden; margin: 20px 0px 0px 0px; } .bt_sub_pathway .breadcrumbs { font-size: 14px; line-height: 16px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; min-height: 14px; margin: 0px 0px 0px 0px; padding: 0px 25px 0px 15px; } .bt_sub_pathway .bt_breadcrumbs_img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .bt_sub_pathway .bt_breadcrumbs_img a { background-position: right top; background-repeat: no-repeat; width: 17px; height: 14px; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .bt_sub_pathway span.showHere { font-weight: bold; background: none; margin: 0px 0px 0px 5px; } .bt_sub_pathway img { position: relative; top: 5px; margin: 0px 3px 0px 3px; } .bt_sub_pathway a, .bt_sub_pathway span { font-weight: 700; margin: 0px 2px 0px 2px; } .bt_sub_pathway a { font-weight: 700 !important; } /* --- Social Icons --- */ .bt_social_icons { text-align: center; } .bt_social_icon { width: 30px; height: 30px; display: inline-block; margin: 6px 9px 0px 9px; } .bt_social_icon_bg { background-position: right top; } .bt_social_icon_bg:hover { background-position: right -30px; } #social_icon_facebook { } #social_icon_email { } #social_icon_rss { } #social_icon_twitter { } #social_icon_google { } .bt_go_top_button_img a { width: 46px; height: 16px; } .bt_go_top_button_img a:hover { background-position: 0 -16px; } #bt_gotop_message a { margin-top: -80px; margin-right: -20px; display: none; z-index: 999; position: fixed; top: 100%; right: 95%; } div.bt_powered_by_logo.bt_fade_img { background-position: right top; background-repeat: no-repeat; width: 27px; height: 20px; position: relative; } div.bt_powered_by_logo.bt_fade_img a { background-position: right bottom; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
Я по возможности, почти все настройки ширины сделала 100%, но не у блока со статьей на главной странице
firebug в помощь. Узнаешь имя поля,куда нужно вводить значение ширины шаблона. Потом в файле шаблона ищешь поле, где применяется значение поля и меняешь на нужный формат измерения .