Перейти к содержанию
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 пикселя (см. фото)
 
Помогите, пожалуйста, как это исправить? Никак не могу найти как это сделать.
 
Благодарю заранее.
 

 

post-701776-0-55035700-1461332396_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

rvQsmet9x9PZgye76429jmBpEmOwOz.png

 

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо!!!

Помогло.

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

Изменено пользователем PeterStudio

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.