[Решено] Ширина страницы превышает ширину области просмотра

[PeterStudio]

Приветствую всех!

 

Подскажите, пожалуйста, проверял гугловебмастером сайтик и он показал следующее:

Ширина страницы превышает ширину области просмотра, из-за чего пользователям придется прокручивать ее по горизонтали. Адаптируйте контент для области просмотра, чтобы сделать свой сайт удобнее.

Ширина страницы составляет 413 CSS-пикс., а области просмотра – всего 411 CSS-пикс. Эти элементы находятся вне области просмотра:

Элемент <div class="col-lg-4 col-s…-12 right_menu">Корзина…kini.Island.ru</div> находится вне области просмотра.

 

Вот код этой части:

                        <div class="row">
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <div class="logo">
                                    <a href="http://www.bikini-island.ru/shop/"><img width="100%" src="http://www.bikini-island.ru/shop/image/catalog/bikini-island.png" title="Купальники мини и микро бикини в интернет магазине Bikini Island" alt="Купальники мини и микро бикини в интернет магазине Bikini Island"></a>
                                    </div>
                            </div>
                            <div class="col-lg-6 col-sm-5 col-xs-8 toplinks">
                                <div class="links">
                                    <div class="wishlist"><a title="Список желаний (0)" href="http://www.bikini-island.ru/shop/wishlist"><span class="hidden-xs">Список желаний (0)</span></a></div>
                                    <div class="login"><a title="Войти" href="http://www.bikini-island.ru/shop/login"><span class="hidden-xs">Войти</span></a></div>
                                    <div class="check"><a title="Зарегистрироваться" href="http://www.bikini-island.ru/shop/register"><span class="hidden-xs">Зарегистрироваться</span></a></div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-5 col-xs-12 right_menu">
                                <div class="menu_top">
                                    <div class="top-cart-contain pull-right">
                                        <div class="mini-cart">
                                            <div class="basket dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><a href="cart">Корзина</a></div>
                                            <div>
                                                <div class="top-cart-content" style="display: none;">
                                                    <div class="block-subtitle">
                                                        <div class="top-subtotal" id="cart">0 товар(а, ов) = 0.00Р</div>
                                                    </div>
                                                                                                        <div style="height:100px; padding-top:42px;">
                                                        <p class="text-center">Ваша корзина пуста!</p>
                                                    </div>
                                                    <div class="actions">
                                                        <a title="Перейти в корзину" class="btn-checkout" href="cart"><span>В корзину</span></a>
                                                    </div>
                                                                                                    </div>
                                            </div>
                                        </div>
                                        <div id="ajaxconfig_info">
                                            <a href="#"></a>
                                            <input type="hidden">
                                            <input id="enable_module" type="hidden" value="1">
                                            <input class="effect_to_cart" type="hidden" value="1">
                                            <input class="title_shopping_cart" type="hidden" value="Перейти в корзину">
                                        </div>
                                    </div>
                                </div>                              <div class="lang-curr">
                                    <div class="top-contacts">
                                        <a href="skype:Bikini.Island.ru" title="Позвонить или написать через Skype"><span style="font-size: 14px;"><i class="fa fa-skype" style="font-size: 16px; padding-right: 4px;"></i>Bikini.Island.ru</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>

CSS: _ww.bikini-island.ru/shop/catalog/view/theme/bikini/stylesheet/style.css

 

Откуда гугл насчитал 413 пикселей, если смотреть на этот див <div class="col-lg-4 col-sm-5 col-xs-12 right_menu"> через отладчик, то там вообще показывает что он шириной 483 пикселя (см. фото)

 

Помогите, пожалуйста, как это исправить? Никак не могу найти как это сделать.

 

Благодарю заранее.

 

 

[pashast]

https://monosnap.com/file/rvQsmet9x9PZgye76429jmBpEmO

 

вот эти 2 пискселя

поставьте 0

[PeterStudio]

Не найдена картинка или адрес не полный указан?

[pashast]

 

глюкануло что-то

[PeterStudio]

Спасибо!!!

Помогло.

При @media only screen and (max-width: 767px) and (min-width: 480px) исправил, а при том где вы указали почему то ранее не нашёл.

Змінено 22 квітня 2016 користувачем PeterStudio

[Fedosik]

Помогите пожалуйста и мне исправить такую же ошибку. Мой сайт