Jump to content
Sign in to follow this  
stovny

верстка менюбара

Recommended Posts

Кто-нибудь подскажите, как во второй версии сделать меню бар шире по высоте?

Пробовал через css установить свойство height у нава с айди "menu", не помогло. А если установить высоту в  "#menu .nav > li > a", то в мобильной версии перестают открываться категории. Никак не могу допереть в чем подвох. Если кто пояснит, буду благодарен.

Share this post


Link to post
Share on other sites

шире по высоте?

:cry:

 

Здесь

#menu .nav > li > a {
    padding: 10px 15px 10px 15px;
    min-height: 15px;
}
Edited by pantagruel964

Share this post


Link to post
Share on other sites

спасибо, вроде сработало, но когда открываю на айпаде, в альбомной ориентации(вертикальной), то список почему-то начинает идти в 2 строчки, хотя и места вроде хватает. может это как-то связанно с тем что это строковый элемент? пробовал установить свойство

#menu{

display:block;

}

но ничего не поменялось..

4f40e54cf75d048c76a2053f41cdad5c.png

Edited by stovny

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 kirosin
      Шаблон стандартный, немножко измененный.
      Необходимо подправить верстку на страницах категорий и поиска.
      Проблемы видны на моб. версии на скриншоте:

      Сетка слазит, если название товара слишком длинное + плюс название товара некорректно отображается. Плюс появляется ненужна полоса прокрутки
    • By D1mich
      Требуется видоизменить шапку шаблона Feelmart в соответствии с данным прототипом: https://esk.one/p/cJFJWItB
      Правки необходимо вносить при помощи модификаторов ocmod.
      Сайт новый. Шаблон только установили. 
       
      Интересует стоимость вашей работы, качество и сроки.
      Ищем специалиста для долгосрочного сотрудничества. 
       
      Ждем ваших предложений в л.с.
       
    • By OtecMolodec
      Как в описании товара в стандартном редакторе сделать похожую схему текста?
      Изображение буквой "Г", а текст внутри нее, как показано на картинке. Красная это типа картинка)

    • By nexus
      Адаптивные HTML блоки информации
      Скачать/Купить дополнение Лёгкое создание и управление адаптивными html блоками под любой дизайн шаблона без дополнительных знаний.
      Достаточно указать каждому блоку в цепочке как ему отображаться на сайте.
       
      Демо
      логин: demo
      пароль: demo
       
       
       
       


      Добавил nexus Добавлено 28.02.2018 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика https://topopencart.ru/ Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 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.