На фото оно и так сдвинуто.
Вот можете прямо идти по вложенности до куда надо и все:
Или может даже
Слишком легко)) Сдвинуть подпункты подпункта, может так понятнее. На скрине должно быть понятно, что я имею ввиду.
Всё работает, большая благодарность.И последний штрих - можно ли сдвинуть вправо элементы подменю? То есть, чтобы подменю не строго под заголовком выпадало.Класс у них один, не понимаю, как переназначить.
Ну давайте попробуем все с нуля собрать на классах:
И скриптом перебрать все нужные элементы
Не уверен, что все прямо 100% правильно, но через консоль работает.
А из предыдущего кода нужно что-то удалять? Или просто добавить этот?Если просто добавить, то не сработало :(
СХД купить (почти все хостинг провайдеры продают, ну которые VDS/Серверы продают)
СХД - сетевое хранилище данных, верно? Кстати, а если рассмотреть вариант покупки домашней такой штуки (NAS)? Новые, я смотрю, стоят тысяч 12, подержанные раза в два должны быть дешевле. Правда, опыта в этом мало, но почему бы не разобраться. У меня интернет лимитный, 4G, но есть вариант поставить такую штуку у тетки в крупном городе - у неё оптоволокно. А ведь можно еще на NAS направлять запись с IP-камеры? Планирую поставить парочку на участок.
Подключил JS и всё заработало :)
Еще один момент, может, подскажешь: там два подменю - то есть, нужен еще один подуровень (см. скрин): Услуги > подменю "Лечение зубов" > еще три подменю: "Лечение кариеса" и др Это вообще возможно сделать? У этих подменю одинаковый класс, если я правильно понимаю...
Ну и скриптом сворачиваем / разворачиваем подпункт меню при клике на область справа.
Спасибо за подробный ответ! Только скрипт почему-то не работает.
А вы путь к иконке указали?)
Да
Благодарю! Работает, только не понял, где иконка меню. Почему-то не отображается и не могу маржином добиться того, чтобы хотя б увидеть на экране телефона.
<div style="margin: 0px 0px 0px -7px !important; position: absolute; background:none" on="tap:sidebar.toggle" role="button" tabindex="0" class="nav_container"><a href="#"><img style="margin: 0px 3px 0px 10px !important;" class="wp-image-10979" src="путьккартинке" alt="" width="30" height="30" i-amphtml-auto-lightbox-visited=""></a>
</div>Пробовал и z-index:10000 и margin: -200px 0px 0px 0px и position:absolute - бестолку.
top измените, пиксели подберите сами, чтобы выровнять
background: #3FC1C1 ;position: fixed;bottom: 0;top: 10px;