0

Я использую bootstrap на WordPress, используя тему _ib, и я хотел бы добавить в свое собственное отзывчивое меню, когда окно меньше 768 пикселей. По умолчанию bootstrap преобразует меню в dropdown-toggle, которое при нажатии показывает ваше исходное меню. То, что я хотел бы сделать, - это реализовать свое собственное меню, когда оно используется на маленьком устройстве или с низким разрешением.Disable bootstrap's dropdown-toggle

Как бы удалить это dropdown-toggle? Я просмотрел загрузочные файлы JS, но я не свист JS, поэтому я не могу понять, как просто отказаться от dropdown-toggle.

Любая помощь оценена!

EDIT:

<div class="container"> 
     <div class="row"> 
      <div class="site-navigation-inner col-sm-12"> 
       <div class="navbar navbar-default"> 
        <div class="navbar-header"> 
         <!-- .navbar-toggle is used as the toggle for collapsed navbar content --> 
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
          <span class="sr-only">Go to...</span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
         </button> 
        </div> 
        <!-- The WordPress Menu goes here --> 
        <?php wp_nav_menu(
         array(
          'theme_location' => 'primary', 
          'container_class' => 'collapse navbar-collapse navbar-responsive-collapse', 
          'menu_class' => 'nav navbar-nav', 
          'fallback_cb' => '', 
          'menu_id' => 'main-menu', 
          'walker' => new wp_bootstrap_navwalker() 
         ) 
        ); ?> 
       </div><!-- .navbar --> 
      </div> 
     </div> 
    </div><!-- .container --> 

Я попробовал простой метод только удаление этого .navbar-toggle как я это не нужно, но это на самом деле удаляет даже на полном окне страницы меню полностью ...

+0

Это не будет делать меню переключения, но поставить пункты меню под Афоризм: http://jsfiddle.net/no5j25cj/1/ – Refilon

+0

Я хочу в значительной степени удалить все поведение переключателя bootstrap. Пока что так плохо, как кажется, я бы предпочел, чтобы он был невосприимчив, чтобы я мог реализовать свое собственное решение, используя простой плагин WordPress, который у меня есть. – germainelol

ответ

0

Когда вы смотрите на страницу индекса php. Вы увидите свои навигационные div.

Чтобы отключить поведение, вы можете удалить класс переключения.

<div class = container> 

Etc

Один из классов будет класс тумблер. Просто удалите его.

Какая версия? 2 или 3.

Вы можете просто заменить код своим. Я знаком с joomla, в основном это html, окружающий php.

Если вы хотите изменить css, вам необходимо переопределить его. Как вы это сделаете, это будет зависеть от того, как ваш шаблон использует CSS LESS или файл custom.css. Вы даже можете удалить навигационную diva и заменить свой собственный код, используя классы макета начальной загрузки.

Предоставление версии бутстрапа поможет с этим вопросом.

Bootstrap использует медиа-запросы, необходимые для поиска того, на какой запрос вы нацеливаетесь. Bootstrap сайт очень информативен на этом

http://getbootstrap.com/getting-started/

Есть примеры макетов здесь. Убедитесь, что ваши навигационные divs и классы одинаковы. Это будет работать.

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

Когда я доберусь до своего компьютера, посмотрим на код, если он не исправлен.

Вы немного соприкасаетесь с нами. У вас есть меню (bootstrap), и у вас есть плагин, который также вызывает меню?

Или

У вас есть два меню на одной странице? Или ваш плагин полагается на текущее меню?

Im confused, что вы хотите здесь.Похоже, у вас есть меню как часть шаблона, а затем вы вызываете модуль для создания меню в виде плагина. Это не сработает, если это так.

Меню плагина может конфликтовать с существующим меню. Если у вас есть собственное существующее меню, почему бы вам просто не удалить все меню шаблонов, а затем просто позволить вашему плагину вызываться?

Если я являюсь способом марки, я приношу свои извинения. Однако, если задействован плагин, код неизвестен!

Является ли плагин дополнением к шаблону? Если вы не можете иметь конфликт

Думаю, вы, возможно, потребуется обратиться к разработчику плагина

+0

Я использую последнюю версию, поэтому 3. Я пытаюсь сделать именно то, что вы сказали, и удалить функции переключения. Я добавил навигационный код выше для вас, спасибо за вашу помощь! – germainelol

+0

В приведенном выше коде PHP-код создает меню, и у меня уже есть плагин, который создает меню «Отзывчивое меню» с помощью этого меню. Я хотел бы полностью удалить переключатель, который bootstrap реализует с помощью JS/CSS. Раньше я использовал медиа-запросы, но я не знаю, в чем проблема. Как я уже говорил, если я удалю код переключения, тогда весь навигатор исчезнет. И спасибо за вашу помощь. – germainelol

+0

Извините, что смутил вас. Плагин зависит от существующего меню, поэтому для этой проблемы вам не нужно ничего об этом знать. Весь плагин - это забота о внешнем виде меню на чем-то меньшем, чем 768px, и на самом деле это просто меню '». Итак, что я на самом деле получаю в данный момент, если я изменяю размер до 768px, это кнопка переключения загрузки, которую я не хочу, и когда я нажимаю переключатель, он показывает мое приятное меню «