Свернутый вид меню при большом разрешении экрана.

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем safronman, 4 дек 2015.

  1. safronman

    safronman Новичок

    Сообщения:
    17
    Симпатии:
    0
    Меню на главной странице выглядит при большом разрешении экрана выглядит вот так http://joxi.ru/8235p8KH6nVDMr, а при достижении 768px ставновится свернутым http://joxi.ru/BA0RvbWSBlLP3m.
    Теперь вопрос: как сделать меню и для больших разрешений экрана в свернутом состоянии? т.е. вот так http://joxi.ru/EA46vbZhDPg0Ym
     
  2. Romans

    Romans Administrator Команда форума

    Сообщения:
    1.339
    Симпатии:
    698
    начните с вот этого. Необходимо вставить в файл стилей и далее доработать
    Код:
    #menu .navbar-header {  float: none;}
    #menu .navbar-toggle {  display: block;}
    #menu .navbar-collapse {  border-top: 1px solid transparent;  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    #menu .navbar-collapse.collapse {  display: none!important;}
    #menu .navbar-collapse.collapse.in {  display: block!important;}
    #menu .navbar-nav {  float: none!important;  margin: 7.5px -15px;}
    #menu .navbar-nav>li {  float: none;}
    #menu .dropdown-menu {    padding-bottom: 0;    width: 100%;}
    #menu .dropdown-inner ul, #menu .dropdown-inner {display:block;}
    #menu .dropdown:hover .dropdown-menu { display: none;}
    #menu .dropdown.open:hover .dropdown-menu { display: block;}
     
    Лисенок и Vlad нравится это.
  3. Лисенок

    Лисенок Новичок

    Сообщения:
    1
    Симпатии:
    0
    Зарегистрировался только чтобы поблагодарить!Не мог найти именно как сделать это и попал сюда!Тысячекратно благодарю:)