Адаптивное Меню На Мобильных Устройствах

Добрый день.

Начал делать главную страницу состоящую из 2-х меню слева и справа, а посередине логотип.

Меню "выпадающее Горизонтальное" без оболочки. Если смотреть на десктопе то смотрится хорошо. А вот если смотреть через мобилу, то получается 2 меню при кликании выпадет список.

Подскажите можно как-то убрать вывод слова и открывание состава меню "меню", а оставить то, что в ходит в раздел меню ? на мобиле

По коду подчеркнул что именно выпадает на мобиле - http://joxi.ru/Q2KBbGyiPYkVmj

Убрать тут можно

design/themes/ТЕМА/templates/blocks/topmenu_dropdown.tpl

{__("menu")}

Насчет второго - не понял

Убрать тут можно

design/themes/ТЕМА/templates/blocks/topmenu_dropdown.tpl

{__("menu")}

Насчет второго - не понял

тема стоит bright_theme, но там нет таких файлов, а в теме responsive убираю ни что не меняется(

Сервак тупил, все убирается но не так как хотелось бы, если я удаляю "menu", то убирается слово а значок остается "три палочки"для раскрытия меню, а хочется чтобы выходили разделы меню. Например есть раздел меню "о компании" и "контакты" на десктопе мы видим как есть, а на мобиле первым идет "menu" - кликаешь и выходит потом "окомпании" и "контакты" - можно как-то сделать чтобы разделы сразу выпадали?

Вот ссылка на скрин может понятно будет о чем говорю - https://yadi.sk/i/jO4CTD7S3B4X4u

Скиньте в личку store_access_key, постараюсь вам помочь

Попробуйте добавить в секцию CSS редактора тем

@media (max-width: 767px) {
    .ty-menu__items .ty-menu__item-nodrop {
        display: list-item !important;
    }
    .ty-menu__items .visible-phone {
        display: none !important;
    }
}

http://prntscr.com/e12032

Попробуйте добавить в секцию CSS редактора тем

@media (max-width: 767px) {
    .ty-menu__items .ty-menu__item-nodrop {
        display: list-item !important;
    }
    .ty-menu__items .visible-phone {
        display: none !important;
    }
}

http://prntscr.com/e12032

Да, именно так и хотелось. Спасибо.

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

Попробуйте так

@media (max-width: 767px) {
    .ty-menu__items .ty-menu__item-nodrop {
        display: inline-block !important;
        border-bottom: none;
    }
    .ty-menu__items .visible-phone {
        display: none !important;
    }
}

Попробуйте так

@media (max-width: 767px) {
    .ty-menu__items .ty-menu__item-nodrop {
        display: inline-block !important;
        border-bottom: none;
    }
    .ty-menu__items .visible-phone {
        display: none !important;
    }
}

Огромное спасибо. То что требуется!

Рады были помочь!

Здравствуйте!

Рады были помочь!

Здравствуйте!

С такой же проблемкой через поиск попал на это обсуждение. Также добавил в CSS по вашему совету:

@media (max-width: 767px) {

.ty-menu__items .ty-menu__item-nodrop {
display: list-item !important;
}
.ty-menu__items .visible-phone {
display: none !important;
}
}
И ура! Вы мне тоже очень помогли этим кодом. Только у меня на мобильных перестали отображаться пункты меню которые имеют подуровни. Скрин ==> https://drive.google...S2tzSjJhNGt6Qmc
А хотелось бы вот такое отображение ==> https://drive.google...MlcyUFVkZTMtSFk
Помогите, пожалуйста.

Попробуйте так

.ty-menu__items > .visible-phone {
    display: none !important;
}
.ty-menu__items .ty-menu__item-nodrop, .ty-menu__items .cm-menu-item-responsive {
    display: list-item !important;
}

Попробуйте так

.ty-menu__items > .visible-phone {
    display: none !important;
}
.ty-menu__items .ty-menu__item-nodrop, .ty-menu__items .cm-menu-item-responsive {
    display: list-item !important;
}

Точно, заработало! Спасибо за оперативный ответ. Просто супер!

Рады были помочь!

Hi can you translate it to english please?

I have a problem showing a menu in mobile devices.... the menu appears dropped down and before the item description and I would like to appear the 3 lines icon menu so customer just would have to click on it to drop it down.... maybe is that you are talking about.... Thank you

Hi can you translate it to english please?

I have a problem showing a menu in mobile devices.... the menu appears dropped down and before the item description and I would like to appear the 3 lines icon menu so customer just would have to click on it to drop it down.... maybe is that you are talking about.... Thank you

What theme do you use? Default theme should display hamburger menu on mobile devices

http://prntscr.com/ghntz9