[Помогите] Отключить мобильную версию

Тема в разделе "OpenCart", создана пользователем webmasterz, 31 июл 2014.

  1. webmasterz

    webmasterz

    Регистрация:
    21 янв 2014
    Сообщения:
    45
    Симпатии:
    0
    Тут еще один вопрос возник, может знает кто-нибудь как правильно отключать мобильную версию?
    сайт 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
     
    Последнее редактирование: 31 июл 2014
  2. antonfox

    antonfox

    Регистрация:
    19 янв 2013
    Сообщения:
    77
    Симпатии:
    9
    Присоединяюсь к вопросу. Есть решение для этого? У меня тема pav_furniture
     
  3. ruscadet

    ruscadet

    Регистрация:
    16 дек 2012
    Сообщения:
    112
    Симпатии:
    17
    а чё с мобилы унитазы не заказывают? :cold:
     
  4. Kozlevich

    Kozlevich

    Регистрация:
    28 фев 2013
    Сообщения:
    51
    Симпатии:
    3
    Удалить bootstrap.css. Как бы и всё.