Тут еще один вопрос возник, может знает кто-нибудь как правильно отключать мобильную версию? сайт mir-vanna.ru Из header.tpl я стер <meta name="viewport" content="width=device-width, initial-scale=1"> Затем изменил ширину контейнера в файле bootstrap.css, так как сказано на официальном сайте bootstrap http://getbootstrap.com/getting-started/#disable-responsive В итоге что получилось: пока ширина экрана выше примерно 760 px отображается нормальная десктопная версия сайта. Но когда ширина ниже, то снова все сжимается в мобильную версию. Как мне отключить до конца мобильную версию? Вот мой header.tpl Код: <!DOCTYPE html> <html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>"> <head> <meta charset="UTF-8" /> <title><?php echo $title; ?></title> <base href="<?php echo $base; ?>" /> <?php if ($description) { ?> <meta name="description" content="<?php echo $description; ?>" /> <?php } ?> <?php if ($keywords) { ?> <meta name="keywords" content="<?php echo $keywords; ?>" /> <?php } ?> <?php if ($icon) { ?> <link href="<?php echo $icon; ?>" rel="icon" /> <?php } ?> <?php foreach ($links as $link) { ?> <link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" /> <?php } ?> <script> if (navigator.userAgent.match(/Android/i)) { var viewport = document.querySelector("meta[name=viewport]"); } if(navigator.userAgent.match(/Android/i)){ window.scrollTo(0,1); } </script> <link href="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/stylesheet/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/cloud-zoom.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/stylesheet.css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/font-awesome.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/slideshow.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/jquery.prettyPhoto.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/camera.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/superfish.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/responsive.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/photoswipe.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/jquery.bxslider.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/colorbox.css" media="screen" /> <?php foreach ($styles as $style) { ?> <link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" /> <?php } ?> <link href='//fonts.googleapis.com/css?family=Ubuntu:400,300,500,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/jquery/jquery-1.10.2.min.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/jquery/jquery-migrate-1.2.1.min.js"></script> <!--<script src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>--> <script src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script> <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" /> <script src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/colorbox/jquery.colorbox.js"></script> <script src="catalog/view/javascript/jquery/jquery.jcarousel.min.js"></script> <script src="catalog/view/javascript/jquery/jquery.cycle.js"></script> <!--[if IE]> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/html5.js"></script> <![endif]--> <!--[if lt IE 8]><div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]--> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/bootstrap/bootstrap.js"></script> <script src="catalog/view/javascript/jquery/tabs.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/jQuery.equalHeights.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/elevate/jquery.elevatezoom.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/jquery.prettyPhoto.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/jscript_zjquery.anythingslider.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/common.js"></script> <script src="catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/jquery.mobile-events.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/superfish.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/script.js"></script> <!--[if IE]> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/sl/jscript_zjquery.anythingslider.js"></script> <![endif]--> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/sl/camera.js"></script> <!-- bx-slider --> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/bxslider/jquery.bxslider.js"></script> <!-- photo swipe --> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/photo-swipe/klass.min.js"></script> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/photo-swipe/code.photoswipe.jquery-3.0.5.js"></script> <?php foreach ($scripts as $script) { ?> <script src="<?php echo $script; ?>"></script> <?php } ?> <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/ie8.css" /> <![endif]--> <!--[if IE 8]> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/respond.js"></script> <![endif]--> <!--[if IE 8]> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/matchmedia.polyfill.js"></script> <![endif]--> <!--[if IE 8]> <script src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/matchmedia.addListener.js"></script> <![endif]--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/ie6.css" /> <script src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script> <script > DD_belatedPNG.fix('#logo img'); </script> <![endif]--> <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template');?>/stylesheet/livesearch.css"/> <?php if (!empty($stores)) { ?> <script ><!-- $(document).ready(function() { <?php foreach ($stores as $store) { ?> $('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>'); <?php } ?> }); //--></script> <?php } ?> <?php echo $google_analytics; ?> </head> <body class="<?php echo empty($this->request->get['route']) ? 'common-home' : str_replace('/', '-', $this->request->get['route']); ?>"><a id="hidden" href="<?php echo $base; ?>"></a> <div class="swipe-left"></div> <div id="body"> <div class="swipe"> <div class="swipe-menu"> <ul class="links"> <?php if (!isset($this->request->get['route'])) { $route='active'; } else {$route='';}?> <li class="first"><a class="<?php echo $route; if (isset($this->request->get['route']) && $this->request->get['route']=="common/home") {echo "active";} ?>" href="<?php echo $home; ?>"><i class="fa fa-home"></i><?php echo $text_home; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="account/wishlist") {echo "active";} ?>" href="<?php echo $wishlist; ?>" ><i class="fa fa-star"></i><?php echo $text_wishlist; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="account/account") {echo "active";} ?>" href="<?php echo $account; ?>"><i class="fa fa-user"></i><?php echo $text_account; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="checkout/cart") {echo "active";} ?>" href="<?php echo $shopping_cart; ?>"><i class="fa fa-shopping-cart"></i><?php echo $text_shopping_cart; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="checkout/checkout") {echo "active";} ?>" href="<?php echo $checkout; ?>"><i class="fa fa-check"></i><?php echo $text_checkout; ?></a></li> <?php if (!$logged) { ?> <?php echo $text_welcome; ?> <?php } else { ?> <?php echo $text_logged; ?> <?php } ?> </ul> <?php echo $language; ?> <?php echo $currency; ?> <?php if ($informations) { ?> <ul class="foot"> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> <?php } ?> <ul class="foot foot-1"> <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li> <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li> <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li> </ul> <ul class="foot foot-2"> <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li> <li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li> <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li> <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li> </ul> <ul class="foot foot-3"> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li> </ul> </div> </div> <div id="page"> <div id="shadow"> <div class="shadow"></div> <header id="header"> <div class="toprow"> <div class="container"> <div class="row"> <div class="col-sm-12"> <?php echo $language; ?> <?php echo $currency; ?> <ul class="links"> <?php if (!isset($this->request->get['route'])) { $route='active'; } else {$route='';}?> <li class="first"><a class="<?php echo $route; if (isset($this->request->get['route']) && $this->request->get['route']=="common/home") {echo "active";} ?>" href="<?php echo $home; ?>"><i class="fa fa-home"></i><?php echo $text_home; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="account/wishlist") {echo "active";} ?>" href="<?php echo $wishlist; ?>" id="wishlist-total"><i class="fa fa-star"></i><?php echo $text_wishlist; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="account/account") {echo "active";} ?>" href="<?php echo $account; ?>"><i class="fa fa-user"></i><?php echo $text_account; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="checkout/cart") {echo "active";} ?>" href="<?php echo $shopping_cart; ?>"><i class="fa fa-shopping-cart"></i><?php echo $text_shopping_cart; ?></a></li> <li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="checkout/checkout") {echo "active";} ?>" href="<?php echo $checkout; ?>"><i class="fa fa-check"></i><?php echo $text_checkout; ?></a></li> <?php if (!$logged) { ?> <?php echo $text_welcome; ?> <?php } else { ?> <?php echo $text_logged; ?> <?php } ?> </ul> <div class="clear"></div> </div> </div> </div> </div> <div class="container"> <div class="toprow-1"> <div class="row"> <div class="col-sm-12"> <a class="swipe-control" href="#"><i class="fa fa-align-justify"></i></a> <div class="top-search"> <i class="fa fa-search"></i> </div> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <?php if ($logo) { ?> <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div> <?php } ?> <div class="phone"> <i class="fa fa-phone"></i> <?php echo $telephone; ?> </div> <div class="cart-position"> <div class="cart-inner"><?php echo $cart; ?></div> </div> <div id="search"> <div class="inner"> <div class="button-search"><i class="fa fa-search"></i></div> <input type="search" name="search" placeholder="<?php echo $text_search; ?>" value="" /> </div> </div> </div> </div> <?php if ($categories) { ?> <div id="menu-gadget"> <div class="row"> <div class="col-sm-12"> <div id="menu-icon"><?php echo $text_category; ?></div> <ul id="nav" class="sf-menu-phone"> <?php foreach ($categories as $category) { ?> <li <?php if ($category['children']) { ?>class="parent"<?php } ?>><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> <?php if ($category['children']) { ?> <?php for ($i = 0; $i < count($category['children']);) { ?> <ul> <?php $j = $i + ceil(count($category['children']) / $category['column']); ?> <?php for (; $i < $j; $i++) { ?> <?php if (isset($category['children'][$i])) { ?> <?php $id=$category['children'][$i]['category_id'];?> <?php if ( $id == $child_id) { ?> <li class="active<?php if ($category['children'][$i]['children3']) {?> parent<?php } ?>"> <?php } else { ?> <li <?php if ($category['children'][$i]['children3']) {?>class="parent"<?php } ?>> <?php } ?> <?php if ($category['children'][$i]['children3']) {?> <a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name'];?></a> <ul> <?php foreach ($category['children'][$i]['children3'] as $ch3) { ?> <li> <?php if ($ch3['category_id'] == $ch3_id) { ?> <a href="<?php echo $ch3['href']; ?>" class="active"><?php echo $ch3['name']; ?></a> <?php } else { ?> <a href="<?php echo $ch3['href']; ?>"><?php echo $ch3['name']; ?></a> <?php } ?> </li> <?php } ?> </ul> <?php } else {?> <a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name'];?></a> <?php }?> </li> <?php } ?> <?php } ?> </ul> <?php } ?> <?php } ?> </li> <?php } ?> </ul> </div> </div> </div> <?php } ?> </div> <?php if ($categories) { ?> <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="menu"> <ul class="sf-menu"> <?php $cv=0;?> <?php foreach ($categories as $category) { $cv++; ?> <?php if ($category['category_id'] == $category_id) { ?> <li class="current cat_<?php echo $cv ?>"> <?php } else { ?> <li class="cat_<?php echo $cv ?>"> <?php } ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> <?php if ($category['children']) { ?> <div class="sf-mega"> <?php for ($i = 0; $i < count($category['children']);) { ?> <ul class="sf-mega-section"> <?php $j = $i + ceil(count($category['children']) / $category['column']); ?> <?php for (; $i < $j; $i++) { ?> <?php if (isset($category['children'][$i])) { ?> <?php $id=$category['children'][$i]['category_id'];?> <?php if ( $id == $child_id) { ?> <li class="current"> <?php } else { ?> <li> <?php } ?> <?php if ($category['children'][$i]['children3']) {?> <a class="screenshot1" href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name'];?></a> <ul> <?php foreach ($category['children'][$i]['children3'] as $ch3) { ?> <li> <?php if ($ch3['category_id'] == $ch3_id) { ?> <a href="<?php echo $ch3['href']; ?>" class="current"><?php echo $ch3['name']; ?></a> <?php } else { ?> <a href="<?php echo $ch3['href']; ?>"><?php echo $ch3['name']; ?></a> <?php } ?> </li> <?php } ?> </ul> <?php } else {?> <a class="screenshot1" href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name'];?></a> <?php }?> </li> <?php } ?> <?php } ?> </ul> <?php } ?> </div> <?php } ?> </li> <?php } ?> </ul> <div class="clear"></div> </div> </div> </div> </div> <?php } ?> </header> <section> <?php if ($header_top) {?> <div class="header-modules"> <div class="container"> <div class="row"> <div class="col-sm-12"> <?php echo $header_top; ?> </div> <div class="clear"></div> </div> </div> </div> <div class="clear"></div> <?php }?> <div id="container"> <p id="back-top"> <a href="#top"><span></span></a> </p> <div class="container"> <?php if (!empty($error)) { ?> <div class="warning"><?php echo $error ?><img src="catalog/view/theme/theme396/image/close-1.png" alt="" class="close" /></div> <?php } ?> <div id="notification"></div> <div class="row"> --- Добавлено, 31 июл 2014 --- вот responsive.css Код: @media (min-width: 768px) and (max-width: 1200px) { .login-content .heading h2 { font-size:16px; } } @media (max-width: 1200px) { .table th, .table td { padding:8px; } } @media (min-width: 1200px) { .container { width:1200px; } .banner+.banner+.banner { width:370px; } .banner+.banner+.banner+.banner { width:470px; float:right; } } @media (min-width: 768px) { .banner>div a:hover { box-shadow:0 0 12px rgba(0,0,0,0.5) } .banner>div:hover h1 { color:#313131; } .cart-button a.button span {display:none;} .cart-button a.button i{ display:block; } .box .box-content .box-product ul li .inner {position:relative; padding-top:24px;} .box .box-content .box-product ul li.last_line {margin-bottom:0; border-bottom:0; padding-bottom:0;} .box .box-content .box-product ul li { border-bottom:1px solid #ebeced; padding-bottom:57px; margin-bottom:55px; } } @media (min-width: 768px) and (max-width: 1199px) { a.button span {white-space:normal} .compare-info td img {max-width:100px} .wishlist a, .compare a, .cart-button a.button i { height:36px; width:36px; line-height:36px; font-size:16px; } .wishlist a i, .compare a i { font-size:16px; line-height:36px; } aside .box .box-heading { font-size:17px; font-weight:500; } .fluid_container .camera_caption h1 {font-size:50px;} .fluid_container .camera_caption h2 {font-size:20px; margin-bottom:10px;} .fluid_container .camera_caption h3 {font-size:14px; line-height:20px; margin-bottom:10px;} .fluid_container .camera_caption h3 span {font-size:20px;} .fluid_container .camera_caption > div > span {padding:10px 15px} .banner .s-desc {padding:25px} .banner .s-desc i {margin-top:15px;} } @media (min-width: 980px) and (max-width: 1199px) { .product-info .cart-top-padd {margin-bottom:10px;} } /******************************************************/ @media (min-width: 768px) and (max-width: 991px) { .product-info .review .btn-rew {margin-top:15px;} .checkout-content {padding:20px;} .compare-info td img {max-width:90px} .compare-info td a.button span {font-size:11px; padding:7px 6px} .compare-info td:first-child {max-width:80px; word-wrap: break-word;} .compare-info .prod-stock {font-size:12px;} .preview .cart {margin-right:0;} .login-content .form-horizontal .control-label{ max-width:100%; text-align:left; } .login-content .form-horizontal .controls{ margin-left:0px; } .related { padding: 0 80px } .product-filter .display { clear:both; float:none } footer .fa.fa-phone {display:none;} .login-content .heading h2 { font-size:13px; } .login-content .heading i { font-size:20px; } aside a.button span { white-space:normal } .compare-block .image { float:none; text-align:center; margin-bottom:8px; } aside .box .box-heading {padding-left:10px; font-size:14px; } .fluid_container .camera_caption p {display:none;} .banner .s-desc {padding:20px 30px 0} .banner .s-desc h1 {font-size:50px;} .banner .s-desc h2 {font-size:20px;} .banner .s-desc i {width:60px; height:60px; line-height:60px; font-size:25px;} } /******************************************************/ @media (max-width: 991px) { #menu {display:none;} #menu-gadget {display:block;} } /**********************************************/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) { #full_gallery {display:block;} #default_gallery {display:none;} .box .box-content .box-product ul li:hover .quick-view-button {display:none !important; visibility:hidden; } footer .foot-phone div { word-wrap:normal } footer .foot-phone div.fleft { display:none; word-wrap:normal } } /**********************************************/ @media (max-width: 767px) { .fluid_container .camera_caption h1 {font-size:50px;} .fluid_container .camera_caption h2 {font-size:20px; margin-bottom:10px;} .fluid_container .camera_caption h3 {font-size:14px; line-height:20px; margin-bottom:10px;} .fluid_container .camera_caption h3 span {font-size:20px;} .fluid_container .camera_caption > div > span {padding:10px 15px} .banner .s-desc {padding:25px} .banner .s-desc i {margin-top:15px;} .phone {display:none;} #cart .heading span.link_a i.fa.fa-shopping-cart{ font-size:26px; } #cart .heading span.link_a { line-height:50px; border-radius:0 } header #cart.active .content { top:50px } /**************/ .checkout-content {padding:20px;} .about-page i {display:none;} #cboxContent .about-page {padding:0} /**************************/ #powered { text-align:center; } .name a:hover { text-decoration:none; } .name a { text-decoration:underline } aside #compare { display:none !important; } #full_gallery { display:block; } #default_gallery { display:none; } .tabs .tab-heading:hover { cursor:pointer; } .tabs .tab-content { display:none; } #content { margin-bottom:20px; } .product-info .cart-top-padd {margin-bottom:10px;} .box {margin-bottom:10px; padding-bottom:0;} #column-right .box .box-heading, #column-left .box .box-heading { margin-bottom:10px; } .product-grid .name { height:auto; } .product-list .description { display:none; } .product-info h1 {display:none;} .product-info h1.view {display:block;} .product-filter .display {display:none;} .box .box-heading {margin-bottom:15px;} .box .box-content .box-product ul li:hover .quick-view-button {display:none !important; visibility:hidden; opacity:0} #compare-total, .cart-button .compare { display:none; } #content .box-product li { border-bottom:1px dotted #D7D7D7; margin-bottom:15px !important; padding-bottom:15px; } .cart-button > div.wishlist {display:none;} .box-product .name { margin:0 } footer > div.container {display:none;} footer > div+div.container {display:block;} footer {padding:0; margin-top:5px;} #powered {margin-top:0; padding:15px 20px; border-top:1px solid #E6E6E6;} header #logo {margin:78px 0 29px 10px} .cart-position { position:fixed; top:0; right:0px; margin:0; z-index:100; } /*********************** box product *************************/ #content .box-product .image2{ float:left; width:30% } #content .box-product .inner { width:58%; float:left; margin-left:30px; } #content .box-product li{ margin-bottom:30px; } /*********************** search *************************/ #search { position:fixed; top:50px; left:0px; z-index:101; display:none; width:100%; margin:0; z-index:10; } #search .inner { padding:4px 5px; background-color:#4a4a4a; overflow:hidden; position:relative; } #search input { width:100%; max-width:none; border-radius:4px; box-shadow:inset 0 0 11px rgba(0,0,0,0.22); height:44px; padding:10px 40px 10px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #search .button-search { position:absolute; top:2px; right:10px; background:none; } /******************* Cart *******************************/ .cart-position #cart .heading span.link_a b, .cart-position #cart .heading span.link_a #cart-total, .cart-position #cart .heading span.link_a i.fa.fa-caret-down {display:none;} .cart-position{ min-width:83px; } .cart-position #cart .heading span.link_a #cart-total2 { background:url(../image/cart-total2.png) no-repeat left top; display:block; position:absolute; top:14px; left:47px; height:22px; line-height:22px; width:30px; text-align:center; overflow:hidden; } header #cart.active .content { display: block; } .toprow-1 .cart-position {display:block; margin:0;} /*******************************************************/ .col-sm-3 .box-content {display:none;} aside .box-heading:hover { cursor:pointer; } .box-heading i { float:right; line-height:30px; } aside .box-product .name {height:auto !important; margin:5px 0} /*************************swipe menu***************************/ .swipe-control i {font-size:26px; color:#7e7e7e; line-height:50px;} .swipe-control:hover i {text-decoration:none;} .swipe-control { display: block; height: 50px; width: 64px; z-index: 100; text-align:center; border-right:1px solid #000; float:left; } body #page { height:100% } body.ind div.shadow{ left:0; top:0; display:block; width:100%; height:100%; position:absolute; background:url("../image/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); z-index:99; opacity:0.7 } body.ind #page { margin-left: 237px; width:100%; position:fixed; left:0; top:0; z-index:2 } body #body .swipe .swipe-menu{ background-color: #323232; height:100%; overflow:scroll; } body #body .swipe { display:none; } body.ind #body .swipe { display:block; background-color:#323232; position:fixed; color:#fff; width:237px; top:50px; left:0px; z-index:100; overflow:hidden; z-index:101; } header .toprow {display:none;} header .toprow-1 {display:block;} /********************************************/ .banner>div { margin-bottom:10px; } #livesearch_search_results { display:none !important; } /************************************ product list ****************************************************/ .product-list ul li .image { width:30%; float:left; } .product-list ul li .left { width:65%; float:left; margin-left:5%; } /******************************** product grid ***********************************************************/ .product-grid ul li { overflow:hidden; } .product-grid ul li .image { width:30%; float:left; } .product-grid ul li .left { width:65%; float:left; margin-left:5%; } /************************************** box-category ********************/ .box-product.box-subcat li { height:auto !important; overflow:hidden; } .box-product.box-subcat li .image { float:left; width:30%; max-width:170px; } .box-product.box-subcat li .name { width:65%; float:left; margin-left:5%; } /********************************************************/ .order-list .order-info { text-align:left; } .order-content{ padding-top:0; } .order-content>div>div { margin-top:20px; } } /******************************************************/ @media (max-width: 650px) { .fluid_container .camera_caption p {display:none;} .banner .s-desc {padding:20px 30px 0} .banner .s-desc h1 {font-size:50px;} .banner .s-desc h2 {font-size:20px;} .banner .s-desc i {width:60px; height:60px; line-height:60px; font-size:25px;} } @media (max-width: 555px) { .banner + .banner + .banner, .banner + .banner + .banner + .banner { float:none; width:100%; } .box.man li {width:100%; border-top: 1px solid #EAEAEA; border-left:0;} /**************/ .about-page i {display:none;} #cboxContent .about-page {padding:0} .content-border h2{ margin-bottom:20px; } .content-border { border:0; padding:0px; margin-bottom:0px; } .checkout .checkout-product .table td { font-size:12px !important; padding:4px 2px !important; } .product-list .cart-button { position:static; float:none; margin:10px 0 0 0 } .shop-cart .table.table-bordered { border:0 } .shop-cart .table {display:block;width:100%} .shop-cart .table thead {display:none;} .shop-cart .table tbody { display:block; border:0; } .shop-cart .table tbody tr { display:block; margin-bottom:30px; border:1px solid #d7d7d7; border-bottom:0; } .shop-cart .table tbody td { display:block; text-align:center; border:0; border-bottom:1px solid #d7d7d7; } } /******************************************************/ @media (min-width: 1200px) { } /******************************************************/ @media (max-width: 515px) { img#captcha { margin-left:0px; } } /******************************************************/ @media (max-width: 446px) { .banner .s-desc {padding:11px 30px 0} .banner .s-desc h1 {font-size:30px;} .banner .s-desc h2 {font-size:15px;} .banner .s-desc i {width:40px; height:40px; line-height:40px; font-size:20px; margin-top:5px;} .fluid_container .camera_caption h1 {font-size:30px;} .fluid_container .camera_caption h2 {font-size:14px;} .fluid_container .camera_caption h3 span {font-size:14px;} .fluid_container .camera_caption h3 {font-size:12px; line-height:14px;} .fluid_container .camera_caption > div > span {padding:5px 10px; font-size:12px;} } @media (max-width: 410px) { .product-info .review img { margin-bottom:10px; float:none; } .product-info .review .btn-rew { float:none; } .product-filter .sort { float:none; } .product-filter .limit { float:none; margin:10px 0 0 0; } } @media (max-width: 480px) { .checkout .checkout-product .table td { font-size:10px !important; padding:4px 2px !important; } } @media (max-width: 979px) { .product-filter .product-compare { margin-top:2px; } /************************* table wishlist ****************/ .wishlist-product .table.table-bordered { border:0; } .wishlist-product .table thead{ display:none; } .wishlist-product .table tbody{ display:block; border:0 } .wishlist-product .table tr { display:block; margin-bottom:30px; border:1px solid #d7d7d7; border-bottom:0; } .wishlist-product .table td { display:block; border:0; border-bottom:1px solid #d7d7d7 } } /******************************************************/ @media (max-width: 372px) { a.button-prod {margin-left:0;} .checkout-content label a, .checkout-content label { font-size:12px; } } @media (max-width: 440px) { .login-content .heading i { font-size:30px; } .about-page i {display:none;} #cboxContent .about-page {padding:0} .login-content .heading h2 { font-size:13px; } .checkout-content { padding:10px; } header #cart.active .content { height:250px; overflow:hidden; } header #cart.active .content .content-scroll { height:100%; overflow:scroll; webkit-overflow-y:scroll } .cart-bottom .buttons .center {text-align:right;} .about-page i {display:none;} #confirm .name a {font-size:11px; text-transform:none; font-weight:400;} } --- Добавлено, 31 июл 2014 --- а вот bootstrap он очень большой поэтому ссылкой https://yadi.sk/i/eFgyzhx0YePmu