Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Кастомное меню в мобильной версии


Recommended Posts

Нужно было получить меню ввида как на скриншоте, что сделал через такой вот код (признаюсь часть не моя)

<?php if ($categories) { ?>
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
		<h88>
      <ul class="nav navbar-nav">
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><?php echo $text_categories; ?></a>
        <div class="dropdown-menu">
            <div class="dropdown-inner">
              <ul class="list-unstyled">
        <?php foreach ($categories as $category) { ?>
        <?php if ($category) { ?>
               <h2><p><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li></p></h2>
        <?php } ?>
        <?php } ?>
              </ul>
            </div>
          </div>
      </li>
      </ul>
	  </h88>
	  
<ul class="nav navbar1-nav">	  
<div id="menu1">
   <a href="index.php?route=information/information&information_id=11">Акции</a>
   <a href="index.php?route=information/information&information_id=10">Как купить</a>
   <a href="index.php?route=information/information&information_id=6">Доставка и оплата</a>
   <a href="index.php?route=information/contact">Контакты</a>
   <a href="index.php?route=information/information&information_id=4">О компании</a>
</div>
</ul>

    </div>
  </nav>

</div>

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

Змінено користувачем Honor357
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.