Jump to content
Sign in to follow this  
kotus2002

Не резиновый.. (прокрутка)

Recommended Posts

Всем привет!

Уважаемые форумчане, помогите, пожалуйста, разобраться. Целых 3 вопроса и все по "тянучести". 

1. Появляется маленький горизонтальный скролл при уменьшении размера экрана. Он появляется только в исходном состоянии страницы, пока нет прокрутки. Судя по всему, помимо атмосферного столба, давит менюшка... Как поправить - не пойму. (скриншот 1)

2. При определенном разрешении экрана (от ~990 до 767) - контент смещен влево. То есть, это происходит в тот момент, когда скрывается левая колонка. Такое разрешение соответствует вертикальному положению обычного айпада. Куда бежать, кого звать...? (скриншот 2 и 4)

3. Боковое меню, прокручивается вместе со страницей, но при определенном уровне скрола снова появляется. Все бы ничего, но на устройствах с малой высотой экрана (айпад), эта менюшка заезжает под футер. Черт бы с ней, пусть заезжает, но хотя бы уж на футер. Никакие z-index не помогли... (скриншот 5)

 

Посмотреть на "косяки" можно на этой странице, лучше всего видно: https://sparksupreme.ru/cvet/lyustry/

 

Делаешь, делаешь магазинчик, можно сказать, душу вкладываешь, и, как обычно, на этапе "красивостей и дизайна начинаются танцы... Буду крайне благодарен за помощь!  

 

Screenshot_1.png

Screenshot_2.png

Screenshot_4.png

Screenshot_5.png

Share this post


Link to post
Share on other sites

он резиновый, просто кривой. какой-то элемент, выходит за пределы контейнера в свойствах. нужно просто поискать и исправить

Share this post


Link to post
Share on other sites

Уже болит то место, которым искать надо...))) 

Share this post


Link to post
Share on other sites
1 час назад, kotus2002 сказал:

Уже болит то место, которым искать надо...))) 

можно в отладчике пройтись по элементам(наводить на них на div-ы параграфы), а на экране оно показывает(обводит ) сколько места занимает элемент, тот который выпирает за пределы тот и виноват)))

Горизонтальный скролл появляется только когда какой то элемент выпирает с правой стороны...

И вообще у вас там что то вообще очень плохо с адаптивом) 

Share this post


Link to post
Share on other sites

Я вот и не пойму, где зарыт косяк... Меню - да, есть с ним трабл, это я порою. Нормально тянется на больших, средних и малых ПК экранах. Проблема на планшетах явно проявляется....

Share this post


Link to post
Share on other sites

Протыкал все, ничего не давит никуда... 

Share this post


Link to post
Share on other sites

Ну чтож, более-менее разобрались... Одна пропажа нашлась, тянучесть восстановлена. Для тех, кто любит из стандартных делать wide-шаблоны. Будьте аккуратны с классами колонок, если что-то изменили - за собой потянет подгонку остальных. В моем случае на "широком" шаблоне надо было поправить класс в category.twig с sm-9 на md-9 (скрин), чтобы в момент, когда левая колонка скрывается, остальной контент встал как надо. Товары встали на свое место, нужного размера. Авось кому пригодится))

 

С "бегающей менюшкой тоже разобрался. Мой косяк, не заметил. Она изначально не белая, а прозрачная. Бало ощущение, что заезжает под футер, но, приглядевшись, стало ясно, что нет, она просто прозрачная)))

 

Осталась менюшка в одном положении (при определенном разрешении давит контейнер). Но это уже завтра)))

Спасибо всем, кто откликнулся)

  

Screenshot_6.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By futurolog
      1) Перенести меню в хэдере как показано на скрине (только десктоп)
      Сейчас так :http://prntscr.com/tubpfo
      Нужно так : http://prntscr.com/tubsuq
       
      2) Расширить контейнер до значений : container {width: 1486px;}, чтобы все варианты десктопов показывало с одинаковым размером как на скрине пример :
      http://prntscr.com/tubwwu плюс подравнять размеры слайдера и каруселей. (только десктоп)
       
      Подробности в личку
       
       
    • By MFSHOP
      Мне нужен хороший или отличный программист Opencart, со знанием Yii2. Цель - планомерный перенос нескольких сайтов с Yii2 на Opencart и дальнейшая их поддержка. Условия обсуждаются отдельно. Работа удалённая, оплата попроектная. Кому интересно, напишите мне в личку, пожалуйста.
       
      Требования, обязанности и условия прописаны ниже. Рассмотрю всех кандидатов. Указывайте цену за час работы, пожалуйста. Откликаться можно в телеграм @elizaveta_vasileva либо whatsapp/viber на номер 89821212982. Елизавета.
       
      Требуемый опыт работы: 1–3 года
      Полная занятость, удаленная работа
      Обязанности: Реализация утвержденной схемы взаимодействия систем
      "сайт cms - roistat - crm - 1c";
      Поддержка и разработка сайтов на OpenCart 2.3
      Перенос всех сайтов с Yii2 на единую платформу OpenCart 2.3
      Верстка контента
      Внедрение типовых модулей на сайт
      Доработка модулей, написание собственных по заказам службы маркетинга
      Обеспечение обмена данными сайта с другими системами (roistat, yandex, 1C)
      Разграничение прав пользователей, Обеспечение политики безопасности.
      Обучение пользователей возможностям системы.
      Установка обновлений программных компонентов
      Предоставление технической информации о размещенном контенте
      Визуализация рабочих схем, создание рабочих инструкций и регламентов
      Оптимизация расходов на ИТ
      Предложения по развитию ИТ для роста компании
      Требования: Высший уровень компетенции в области веб-программирования
      Понимание фреймворка Yii
      Знание фреймворка bootstrap Адаптивная верстка (HTML , CSS) по макетам (PSD) Базовый уровень работы с PHP включая ООП Умение разбираться и вносить изменения в существующий код (PHP, JS, CSS, HTML) Знание JavaScript Системы распределенного управления верcиями -GIT, базовый уровень с СУБД MySQL (приветствуется) Верстка под опенкарт 2.3 Умение работать с API (roistat, yandex, etc) Опыт работы в реальных проектах по поддержке сайтов на OpenCart, не менее 2-х лет
      Умение работать в команде и самостоятельно
      Орг. способности и умение координировать действия будут жирным плюсом
      Условия:
      Полностью "белая" заработная плата, официальное трудоустройство
      ЗП в зависимости от Ваших стартовых компетенций назначается индивидуально, от 40 до 60 т.р.
      Работа удалённо, из любой точки мира
      Просьба в отклике указывать уровень ЗП, на который рассчитываете.
    • By katilina
      1 900.00 руб
      Скачать/Купить дополнение


      July - адаптивный шаблон для ocStore/Opencart
      Адаптивный шаблон July.
      разработчики ShopUtils и Katilina
      Демо для версии ocstore - opencart 2.0.x - 2.1.x -2.2.x - 2.3
      Версия для 2.3.x - скачивайте архив july_ocstore_opencart_2.3_v2.16.07.14.zip

      april.mattimeo.ru
      mart.mattimeo.ru
      august.mattimeo.ru
      ДОКУМЕНТАЦИЯ april.mattimeo.ru/documentation
       
      Готовые магазины на шаблоне July ( публикация согласована с владельцами)
      http://akimov-moscow.ru
      https://ligabarshop.ru
      http://www.dveriantem.ru
      http://kollekcioner24.ru
      https://market-dvery.ru
      https://kngshop.ru
      https://tservice23.ru
      https://smenki.com.ua
      http://enargit.ru
      http://allpanels.ru
      http://trustsm.ru
      http://prodzdrav.ru
      http://krymmasla.ru
      http://mebelsmail.com
      http://www.nikaopt.ru
      https://profmix.ru
       
      Демо для версии ocstore 1.5.5.1.2

      july.mattimeo.ru
      may.mattimeo.ru
      june.mattimeo.ru
      Внимание! Версии шаблона под 1.5.х и под 2.х лицензируются отдельно даже для одного домена.
      Ключ на домен, у которого уже есть ключ для версии 15512, выдаётся за дополнительную плату 1500 руб.
      Поддержка движка другой версии в цену одного шаблона не входит
       

       
      Системные требования:
      - ocStore v1.5.4.x - 2.3.x / Opencart 1.5.4.x - 1.5.6.x, Opencart 2.0.x - 2.1.x - 2.2.x - 2.3.x
      Будьте внимательны при установке движка. Opencart.Pro с шаблоном не протестирован.
      - Ioncube Loader v4.5+ (для 2.x - 5.0+)
      - PHP v5.6+
      - vQmod v2.4.1 (только для 1.5.x)
      В версии шаблона для 2.0.x - 2.1.x - 2.2.x
      - Вы можете включить отображение опций в модулях и в выбранных категориях ( опции в блоке товара или в модальном окне на Ваш выбор)
      - Выбор количества товара в модулях и в категориях
      - Выбор сеток товара на странице категорий ( по 5, 4, 3 в ряд или 2 вида списка)
      - Новости с категориями
      - Дополнительные модули для новостей ( избранные, последние, тэги, разделы новостей)
      - Возможность прикреплять товары к новостям
       

       
      July тема - позитивный и чистый шаблон. Если Вы хотите иметь уникальный, привлекательный дизайн и пытаетесь сделать свой стиль среди многочисленных владельцев магазинов, July тема является прекрасной отправной точкой для Вас.
      Демо-данные высылаются по просьбе покупателя
      http://july.mattimeo.ru/docs/img/boots.png Шаблон использует технологию вёрстки bootstrap3
      http://july.mattimeo.ru/docs/img/user_part2.jpg
      Мы стараемся для Вас. Если Вам понравилась тема, не забудьте поставить 5 звёздочек
      В шаблоне есть также модуль новостей, подписка на новости магазина,
      возможность очистить кэш из админ панели управления сайтом.
      Вы можете загрузить настройки шаблона, сохранить настройки шаблона.
      Список модулей будет увеличиваться.
       
      100% гарантии интеграции к сторонним модулям нет
      Рекомендуем модули
      1. Живая цена - Динамическое обновление цены
      2. FilterPro Патч для модуля в архиве july_for_filterpro.zip
      3. SEO CMS TOP 2: Блог | Новости | Отзывы | Галерея | Формы
      4. Дополнительные вкладки на странице товара Патч для шаблона, купившим модуль
      Добавил katilina Добавлено 09.11.2015 Категория Платные шаблоны Системные требования ocStore v1.5.4.x - 2.x / Opencart 1.5.4.x - 1.5.6.x, Opencart 2.0.x - 2.1.x - 2.2.x - 2.3.xIoncube Loader v4.5+ (для 2.x - 5.0+)PHP v5.6+vQmod v2.4.1+ (только для 1.5.x) Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет Старая цена 0  
    • By Sha
      300.00 руб
      Скачать/Купить дополнение


      Меню Step By Step
      Menu Step By Step:
      Пошаговое меню для OpenCart, хлебные крошки с выпадающими списками.
      модуль тестировался на ocStore 1.5.5.x.x
      для OpenCart 2.0 здесь >
      ВОЗМОЖНОСТИ:
      - Пошаговый подбор товара (категории товара).
      - Возможность использовать, как хлебные крошки breadcrumb с выпадающими списками (как в total commander).
      - Вертикальный вывод пунктов меню, Горизонтальный вывод пунктов меню. (Опция) NEW
      - Вывести только указанные начальные категории в меню по ID, с "запоминанием", не нужно повторно вводить. (Опция) NEW
      - Возможность указать количество видимых пунктов/шагов по умолчанию. (Опция)
      - Указать <h3> заголовок модуля. (Опция)
      - Скрыть или показать пункты категорий в которых находимся (с помощью стилей)(читаем ниже)
      - Скрыть или показать пункты пустых подкатегорий (с помощью стилей)(читаем ниже)
      ЛОКАЛИЗАЦИЯ:
      - English.
      - Русский.
      - Украинский.
      ПРОСТАЯ УСТАНОВКА:
      Скопировать содержимое папки [upload] в корень движка.
      (структура архива соответствуют структуре папок OpenCart)
      ОБНОВЛЕНИЕ:
      Скопировать содержимое папки [upload] в корень движка, с заменой, поверх старой версии.
      ВАЖНО:
      Дополнение предоставляется по принципу "Как есть", Разработчик НЕ ГАРАНТИРУЕТ отсутствия ошибок, которые могут нарушить работу компьютера и/или сайта и/или привести к потере данных.
      Также, если в код магазина было внесено много изменений, то работоспособность модуля может быть нарушена.
      Использует ajax,
      Модуль совместим с bootstrap, (т.е. классы прописаны, и если на вашем сайте установлен bootstrap, модуль подхватит стили автоматически.)
      Модуль не затирает, не заменяет ни каких файлов движка.
      Тем не менее, рекомендуем перед установкой делать бэкап файлов и базы данных!!!
      Демонстрация магазина
      Демонстрация админки
      имя пользователя: login
      пароль: login
      ЛИЦЕНЗИЯ:
      - скачать модуль можно только на форуме опенкартфорум ком
      - на сайте r.konotop.info представлено полное описание и обсуждение багов или доработок модуля (предлагайте).
      остальные способы распространения Menu Step By Step левые и ни какого отношения к данному модулю не имеют!!!
      - Модуль реализуется по принципу "1 покупка – 1 доменное имя" (для установки на второй свой сайт, необходимо оплатить второй раз, на третий - третий раз купить модуль...)
      - Запрещается передавать файлы модуля третьим лицам, как на платной, так и на безвозмездной основе.
      ТЕХНИЧЕСКАЯ ПОДДЕРЖКА:
      Техническая поддержка доступна только пользователям, из списка покупателей модуля. Если вы обращаетесь с просьбой разобраться в проблеме то, для экономии нашего времени, укажите: 1) адрес сайта, 2) доступ в админ-панель, 3) доступ на FTP-сервер.
      ПОДРОБНЕЕ ДЛЯ РАЗРАБОТЧИКОВ
      Возможность стилизовать:
      - ещё не выбранный пункт (неактивный): class="translucent",
      - пункт совпадающий с любым id из цепочки path=, или по другому breadcrumb: class="here",
      - горизонтальный/вертикальный: class="horizontal", (можно, впринципе, использовать для любой опциональной хотелки)
      - последний в цепочке иерархии категорий, class="last"
      - скрыть или показать пункты категорий в которых находимся
      (например: .ajax-category-container .list-group-1.here{display:none} скроет первый пункт когда мы находимся в категории, но не скроет на главной, и так далее)
      - скрыть или показать пункты пустых подкатегорий (например: .ajax-category-container .last ~ .translucent{display:none} если выбрав один из пунктов он окажется последним в иерархии, то скроет все следующие за ним)
      Изменения
      Добавил Sha Добавлено 17.09.2015 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
    • By Sha
      399.00 руб
      Скачать/Купить дополнение


      Меню Step By Step
      Menu Step By Step:
      Пошаговое меню для OpenCart, хлебные крошки с выпадающими списками.
      модуль тестировался на OpenCart 2.0.3.1, 2.3.0.2
      модуль для ocStore 1.5.5.x.x здесь >
       
      ВОЗМОЖНОСТИ:
      Пошаговый подбор товара (категории товара). Возможность указать количество видимых пунктов по умолчанию. Возможность использовать, как хлебные крошки breadcrumb с выпадающими списками (как в total commander).  
      ЛОКАЛИЗАЦИЯ:
      English. Русский. Украинский.  
      ПРОСТАЯ УСТАНОВКА:
      Скопировать содержимое папки [upload] в корень движка.
      (структура архива соответствуют структуре папок OpenCart)
       
      ВАЖНО:
      Дополнение предоставляется по принципу "Как есть", Разработчик НЕ ГАРАНТИРУЕТ отсутствия ошибок, которые могут нарушить работу компьютера и/или сайта и/или привести к потере данных.
      Также, если в код магазина было внесено много изменений, то работоспособность модуля может быть нарушена.
      Использует ajax и bootstrap.
      Модуль не затирает, не заменяет ни каких файлов движка.
      Тем не менее, рекомендуем перед установкой делать бэкап файлов и базы данных!!!
       
      ДЕМО МАГАЗИНА
      ДЕМО АДМИНИСТРАТИВНОЙ ЧАСТИ
       
      имя пользователя: login
      пароль: login
       
      ЛИЦЕНЗИЯ:
      - скачать модуль можно только на форуме opencartforum.com
      - на сайте r.konotop.info представлено полное описание и обсуждение багов или доработок модуля (предлагайте).
      остальные способы распространения Menu Step By Step левые и ни какого отношения к данному модулю не имеют!!!
      - Модуль реализуется по принципу "1 покупка – 1 доменное имя". (для установки на второй свой сайт, необходимо оплатить второй раз, на третий - третий раз купить модуль...)
      - Запрещается передавать файлы модуля третьим лицам, как на платной, так и на безвозмездной основе.
       
      ТЕХНИЧЕСКАЯ ПОДДЕРЖКА:
      Техническая поддержка доступна только пользователям, из списка покупателей модуля. Если вы обращаетесь с просьбой разобраться в проблеме то, для экономии нашего времени, укажите: 1) адрес сайта, 2) доступ в админ-панель, 3) доступ на FTP-сервер.
      Изменения:
      Добавил Sha Добавлено 02.09.2015 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.0 ocStore 2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.