Начать новую тему

Сворачиваются ссылки в шапке

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


Подскажите пожалуйста как решить данную проблему.


При большом размере окна браузера ссылки в шапке выстраиваются в одну строку (screen-1). При уменьшении окна браузера некоторые ссылки группируются в выпадающее меню "Информация".


Возможно это как-то отключить?

png
png
(44.8 KB)

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


Спасибо за ваше сообщение. Мы предоставим вам ответ немного позднее.


Спасибо.

 

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

Мы проверили пункты вашего меню Быстрые ссылки и очистили поле Пользовательский CSS класс для пунктов этого меню на странице Дизайн > Меню > Быстрые ссылки в панели администратора. Теперь ссылки не исчезают при уменьшении окна.

Что касается выпадающего меню Информация, оно появлялось, так как оно было включено в меню Быстрые ссылки на странице Дизайн > Меню > Быстрые ссылки. Мы выключили меню Информация и теперь оно не появляется в магазине.

Пожалуйста, проверьте.

Спасибо.

 

Спасибо большое все работает.

Мы были рады помочь. Пожалуйста, обращайтесь, если будут вопросы.

Здравствуйте! Была та же ситуация. Хотел перейти к составлению меню, но все внезапно поменялось.

Сейчас: есть быстрые ссылки, появилось меню информэйшен, которое почему-то включает три последние ссылки

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

сейчас при сужении ссылки не исчезают до момента, когда исчезают все сразу 

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

Чтобы элемент меню отображался только в мобильной версии (при ширине окна меньше 767px), вам необходимо добавить для него пользовательский класс visible-phone. Добавить класс вы можете на странице редактирования элемента меню. Возможно, данный класс был удален для элемента меню, поэтому теперь элемент отображается для любой ширины окна. 

Поставил visible-phone в качестве эксперимента своему information в быстрых ссылках

ничего не поменялось в плане он не отображается ни при какой ширине свертки моего браузера

верну ему ty-quick-menu-item__place-order, все равно не знаю что этот класс делает.

А как вернуть то, что было?

Чтобы при сужении окна быстрые ссылки по одной переползали в information?

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


Класс visible-phone не срабатывает из-за следующего пользовательского CSS:


.tygh-top-panel {
    min-width: 1024px;
}


Если убрать данное правило, то пункт меню будет отображаться в мобильной версии.



>А как вернуть то, что было?

Чтобы при сужении окна быстрые ссылки по одной переползали в information?


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


Переделал правила ширины разделов как в демо-магазине для адаптации к разным окнам

через правила типа

.ty-footer-grid__full-width > .row-fluid {

    max-width: 1200px;

    min-width: 280px;

    margin: 0 auto;

}


при сужении главное меню сворачивается в элемент class="ty-icon-short-list"

Это же есть и у быстрых ссылок, но он не работал. 

Удалил из CSS блока быстрых ссылок hidden-phone hidden-tablet ty-float-right

после чего они стали сворачиваться как главное меню

пока не понял что за что отвечает 

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

Классы hidden-phone и hidden-tablet отвечают за то, чтобы элемент скрывался при узком окне браузера. Когда вы удалили эти классы, быстрые ссылки стали вести себя как обычные элементы.

 


Войдите, чтобы опубликовать свой комментарий