Кастомная шапка с мобильной версией в тильде

Рет қаралды 16,645

Школа Молнии для дизайнеров сайтов на Тильде

3 жыл бұрын

Код для фиксирования меню по ссылке (сюда нельзя просто код прикрепить): docs.google.com/document/d/18...
Больше уроков на курсе Тильда Гуру:
school.flashfamily.ru/guru

Пікірлер: 40

@epimovdesign 3 жыл бұрын

Это просто пушка! Спасибо огромное!

@marinebymistake 3 жыл бұрын

Давно не было новых видео, спасибо, полезно)

@GPforever 3 жыл бұрын

Спасибо, мне было полезно. Всегда думал, как это кастомный бургер туда запихнули. Теперь знаю.

@bocmanbarada 3 жыл бұрын

Хорошее видео. Доступно объяснил. Предлагаю немного упростить код. Для фиксации меню в данном коде можно обойтись без скрипта. Можно id zero block вставить вместо селектора .floating и будет тот же результат. Скрипт можно удалить из кода. А еще свойство width: 100% тут тоже скорее всего не нужно. Ширину меню задаем в самом zero block.

@Flashfamily 3 жыл бұрын

Пришли код - попробуем)

@dianagerasimova9239 2 жыл бұрын

Спасибо огромньшее))) Вы очень помогли

@maxsudamirxanov8984 2 жыл бұрын

Спасибо большое тебе, лайк и подписка )

@evgeniilavrovskii8777 2 жыл бұрын

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

@tanjatrifonova840 3 жыл бұрын

Спасибо, полезно! )

@bboy_dom 3 жыл бұрын

Пушка👍🔥🔥🔥

@user-jk6dq9jk4b 2 жыл бұрын

Спасибо!

@TheFeyasnov 2 жыл бұрын

Благодарю.

@kediti 2 жыл бұрын

спасибо большое! То что надо!

@celestial_ASMR Ай бұрын

Спасибо за видео! К сожалению, столкнулась с такой проблемой, что в мобильной версии сайт перестает быть кликабельным при таком фиксированном меню. Само меню работает и бургер тоже, но все остальные кнопки, ховер эффекты и тд нет, кажется, что сайт загрузился картинкой. В десктопе все нормально. Из-за чего это может быть?

@user-bz6gx7pd2e 2 жыл бұрын

А как вызывать из кастомного бургера меню в мобильной версии?

@rialhustler 2 жыл бұрын

А можно ли как-нибудь кастомизировать само выпадающее мобильное меню? Например, добавить к пунктам иконки.

@Flashfamily Жыл бұрын

Да. У Нолим есть специальный код для этого. Мы на своем сайте flashfamily.ru уже тоже так сделали

@Slava24ukraine02 Жыл бұрын

шаришь, хороший видос👍

@Flashfamily Жыл бұрын

Спасибо!

@Versalko82 Жыл бұрын

спасибо круто

@redpiratearr 3 жыл бұрын

Три рекламы в 13 минутном видео... комон, комон мэн. А так лукас держи)

@Flashfamily 3 жыл бұрын

Про какие рекламы идет речь?

@redpiratearr 3 жыл бұрын

@@Flashfamily Эм, обычная. Я не запомнил какая именно реклама запускалась)) Видео с монетизацией.

@Flashfamily 3 жыл бұрын

@@redpiratearr Аааа))) Ну это как у всех :) ЮтубПремиум решает эту проблему :)

@ivanyh_v_xcom Жыл бұрын

Почему логотип лучше в .svg, чем .png хуже?

@BrooklynDesigne Жыл бұрын

Это вот тот самый способ убрать чёрную шапку в мобильной версии?)

@Igorshklyaev 2 ай бұрын

Привет! Большое спасибо за видео. Всё супер, но есть одна проблема. У меня есть одна дополнительная страница, так вот когда я перехожу на неё на телефоне, то на этой странице гамбургер перестает работать. При нажатии не открывается меню. А все что на главной странице работает. В чем может быть проблема? Заранее спасибо

@Flashfamily 2 ай бұрын

Надо сделать отдельную страницу header и там разместить шапку и код

@Igorshklyaev 2 ай бұрын

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

@user-rv9cl1my7l 3 жыл бұрын

А я не понял, зачем это, если можно использовать стандартный блок гамбургера?

@alexrooot 3 жыл бұрын

Судя по названию, я думал что речь будет о кастомном меню (например о мега-меню), а не о том, как на картинку повесить ссылку вызова стандартного меню :)

@Flashfamily 3 жыл бұрын

Можно. Но сделать более сложное решение - нельзя. Как и закрепить лого вверху.

@user-ct2ij8my3y Жыл бұрын

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

@Flashfamily Жыл бұрын

Если шапка находится на странице, которая используется как хедер и в настройках отмечена как хедер, то все должно работать