Опубликовано: 20 апреля 2016

Горизонтальная панель навигации в мобильной версии Есть решение

Здравствуйте.

В мобильной версии, горизонтальная панель навигации почему-то раскладывается позади слайдера с прозрачным фоном списка категорий. ПРИМЕР.

Пожалуйста, подскажите место нахождение и способ изменения настроек горизонтальной панели навигации в мобильной версии.

Комментарии (8)

  • Решение
    Колмаков Игорь 21 апреля 2016 12:18 #

    Здравствуйте! это произошло потому что у блока навигации определена высота


    в пользовательских стилях у Вас есть правило

    .tree-wrapper {
    height: 57px;
    line-height: 57px;
    position: relative;
    }


    заключите это правило в директиву

    @media only screen and (min-width: 992px)

    =====================

    @media only screen and (min-width: 992px) {

    .tree-wrapper {
    height: 57px;
    line-height: 57px;
    position: relative;
    }

    }



    1
  • Alexandr Alexseevuch Mosalov 22 апреля 2016 12:25 #

    Огромнейшее СПАСИБО!

    1
  • Alexandr Alexseevuch Mosalov 22 апреля 2016 15:33 #

    Здравствуйте.

    Скажите пожалуйста, а почему добавление этого правила :

    @media only screen and (min-width: 992px)

    Повлияло на размеры слайдера?

    --после добавления:


    --до добавления:


    1
  • Alexandr Alexseevuch Mosalov 22 апреля 2016 15:39 #

    Благодарю!

    мой косяк! забыл про скобки.

    1
  • Добрый день! Подскажите пожалуйста как редактировать информационное меню? У меня появилась вкладка "Блог", которой нет в магазине и дублируются разделы. В верхнем блоке то же самое, что и в нижнем. Фото прилагаю.

    1
  • Колмаков Игорь 20 мая 2016 15:51 #

    Вы можете в настройках магазина отключить вывод этого пункта

    сайт-настройки-{$wa->apps()} меню

    1
  • Мария Афанасьева 2 августа 2016 11:20 #

    Добрый день!

    У меня в мобильной версии кнопка "Категории" работает не корректно. Не открывает меню с первого нажатия. Раз десять нажмешь, вроде открылось, для закрытия тоже куча нажатий. Проверяли с разных телефонов, у всех такая проблема. Как это исправить?

    http://z-nails.ru/

    1
    • Тирон Александр Тирон Александр 2 августа 2016 11:45 #

      Все у вас корректно работает, проблема в блоке который добавили либо вы самостоятельно либо какой либо из плагинов.

      Добавьте в блок пользовательских стилей правило:

      .slide_panel_wrap {

      display: none !important;

      }

      1
  • Мария Афанасьева 24 сентября 2016 16:02 #

    Александр, добрый день! Добавила в горизонтальную панель категории из приложения "Блог" и "Фото", они не отображаются в мобильной версии. Как это поправить?

    1
    • Тирон Александр Тирон Александр 26 сентября 2016 12:16 #

      Сделайте пожалуйста скриншоты, пока неясно что вы добавляли.

      *Возможно вам стоит добавить эти ссылки в файл mobile.pane.html приложения Сайт - Витрина - Шаблоны

      1
      • Мария Афанасьева Мария Афанасьева 27 сентября 2016 11:36 #

        Александр, добрый день! Скриншоты прилагаю. Так же в мобильной версии на главной внизу не отображаются фото и новости, как их туда добавить?


        1
        • Тирон Александр Тирон Александр 28 сентября 2016 11:38 #

          В файле mobile.pane.html приложения Сайт замените строки:

          {if !empty($at['shop']['pages'])}
                          {$selected = $at['shop']['selected_page']|default:null}
                          <div class="mobile-nav-group">
                              <div class="mobile-nav-header">[s`Shop`]</div>
                              <ul class="mobile-nav-list">
                                  {foreach $at['shop']['pages'] as $page}
                                      <li{if $page.id == $selected} class="selected"{/if}>
                                          <a href="{$page.url}">{$page.name}</a>
                                      </li>
                                  {/foreach}
                              </ul>
                          </div>
                      {/if}

          строками:

          {if !empty($at['shop']['pages'])}
                          {$selected = $at['shop']['selected_page']|default:null}
                          <div class="mobile-nav-group">
                              <div class="mobile-nav-header">[s`Shop`]</div>
                              <ul class="mobile-nav-list">
                                  {foreach $at['shop']['pages'] as $page}
                                      <li{if $page.id == $selected} class="selected"{/if}>
                                          <a href="{$page.url}">{$page.name}</a>
                                      </li>
                                  {/foreach}
                                  <li><a href="http://z-nails.ru/school/">ОБУЧЕНИЕ</a></li>
                                  <li><a href="http://z-nails.ru/photos/">ФОТО</a></li>
                              </ul>
                          </div>
                      {/if}

          В файле homepage.lastadd.html приложения Магазин удалите строку:

          hide-on-small-and-down

          строки:

          m12

          замените строками:

          s12
          1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Услуги

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх