Сворачивание меню

[agag12]

Подскажите как сделать чтобы меню изначально было свернуто как на моб версии
http://sitehero.us

[BuslikDrev]

Оно не свёрнуто разве? Про какое вы меню?

[agag12]

13 часа назад, BuslikDrev сказал:

Оно не свёрнуто разве? Про какое вы меню?

Сейчас не свернутое, надо вот так

Скрытый текст

Изменено июня 27, 2017 пользователем RHCk
Картинки, логи и код убирайте под спойлер!

[BuslikDrev]

чтобы в бок сворачивалось?

[agag12]

Только что, BuslikDrev сказал:

чтобы в бок сворачивалось?

Чтобы изначально на дестопной версии уже было свернуто, просто выпадающее меню выходит

[BuslikDrev]

3 минуты назад, agag12 сказал:

Чтобы изначально на дестопной версии уже было свернуто, просто выпадающее меню выходит

Так модуль установите тот, что в прошлой теме.

[agag12]

1 минуту назад, BuslikDrev сказал:

Так модуль установите тот, что в прошлой теме.

Скорее всего так и сделаю, но там свои сложности. Модуль разделит немного меню, будет как бы отступ.
 

[BuslikDrev]

5 минут назад, agag12 сказал:

Скорее всего так и сделаю, но там свои сложности. Модуль разделит немного меню, будет как бы отступ.
 

Для того и нужно адаптировать. Я хз, что вам проще, так и так нужно крутить и вертеть. Скопируйте менюшку с любого сайта, либо наймите кого-нибудь, кто скопирует или адаптирует.

[agag12]

Только что, BuslikDrev сказал:

Для того и нужно адаптировать.

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

[BuslikDrev]

1 минуту назад, agag12 сказал:

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

"доделать готовое" - это готово на стандартном шаблоне, то есть крутить и вертеть с нуля.

[agag12]

1 минуту назад, BuslikDrev сказал:

"доделать готовое" - это готово на стандартном шаблоне, то есть крутить и вертеть с нуля.

Что тут крутить? если на моб версии оно сворачиваеться значит где-то можно задать чтобы это было изначально.

[BuslikDrev]

2 минуты назад, agag12 сказал:

Что тут крутить? если на моб версии оно сворачиваеться значит где-то можно задать чтобы это было изначально.

В стилях #menu

Для мобилы
    @media screen and (max-width: 768px) { 

Код менюшки

} 

И т.д.

Пользуйтесь исходным кодом браузера.

[agag12]

3 минуты назад, BuslikDrev сказал:

В стилях #menu

Для мобилы
    @media screen and (max-width: 768px) { 

Код менюшки

} 

И т.д.

Пользуйтесь исходным кодом браузера.

Ставил там 1920, не то. Это что-то бутстраповское надо менять, только не знаю что

[BuslikDrev]

Только что, agag12 сказал:

Ставил там 1920, не то. Это что-то бутстраповское надо менять, только не знаю что

А зачем вы там 1920 ставите? до 768, от 768 (768-992, 992-1200, от 1200)

[agag12]

1 минуту назад, BuslikDrev сказал:

А зачем вы там 1920 ставите? до 768, от 768 (768-992, 992-1200, от 1200)

max-width 767 там, значит что все что 767 и меньше будет таким как задано, ставлю 1920 чтобы проверить на 1366 будет ли сворачиваться, не сворачивается, значит это не оно.
Значит это бутстраповская стандартная фича, все уже обрыл не могу найти

[BuslikDrev]

3 минуты назад, agag12 сказал:

max-width 767 там, значит что все что 767 и меньше будет таким как задано, ставлю 1920 чтобы проверить на 1366 будет ли сворачиваться, не сворачивается, значит это не оно.
Значит это бутстраповская стандартная фича, все уже обрыл не могу найти

Значит вы сначала удалите код отвечающий за те экраны, что не работают на мобильном, а потом крутите и вертите мобильное.

[jaffagold]

Цитата

Что тут крутить? если на моб версии оно сворачиваеться значит где-то можно задать чтобы это было изначально.

типичный апломб новичка

Просто нажать одну кнопочки... и готово- не получится.

 

Самые базовые стили, чтобы только начать доработку

Скрытый текст

@media (min-width: 768px){
    .navbar-toggle {
        display: block !important;
    }
    #menu #category.visible-xs{
    display: block !important;    
    }
    .navbar-nav {
        float: none;
    }        
    .navbar-nav>li {
        float: none;
    }
    .navbar-header {
    float: none; 
    }
    .navbar-collapse.collapse {
    display: none!important;
    }
    .navbar-collapse.collapse.in {
    display: block!important;
    }
}

 

Изменено июня 27, 2017 пользователем RHCk
Картинки, логи и код убирайте под спойлер.

[agag12]

12 часа назад, jaffagold сказал:

типичный апломб новичка

Просто нажать одну кнопочки... и готово- не получится.

 

Самые базовые стили, чтобы только начать доработку

  Скрыть содержимое

@media (min-width: 768px){
    .navbar-toggle {
        display: block !important;
    }
    #menu #category.visible-xs{
    display: block !important;    
    }
    .navbar-nav {
        float: none;
    }        
    .navbar-nav>li {
        float: none;
    }
    .navbar-header {
    float: none; 
    }
    .navbar-collapse.collapse {
    display: none!important;
    }
    .navbar-collapse.collapse.in {
    display: block!important;
    }
}

 

оО
мне бы твои знания... спасибо!