Mahol

Mahol
Рейтинг
92
Регистрация
20.11.2016
alexx10 #:

На фото оно и так сдвинуто. 

D.iK.iJ #:

Вот можете прямо идти по вложенности до куда надо и все:

Или может даже 

Слишком легко)) 
Сдвинуть подпункты подпункта, может так понятнее. На скрине должно быть понятно, что я имею ввиду. 

png 1__cf3fab5a.png
D.iK.iJ #:
Прошлое все убрать. И скрипт должен быть ниже меню в коде. Или подключаться уже после загрузки страницы.

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

png 1.png
D.iK.iJ #:

Ну давайте попробуем все с нуля собрать на классах:

И скриптом перебрать все нужные элементы

Не уверен, что все прямо 100% правильно, но через консоль работает.


А из предыдущего кода нужно что-то удалять? Или просто добавить этот?
Если просто добавить, то не сработало :(

Неуч #:

СХД купить (почти все хостинг провайдеры продают, ну которые VDS/Серверы продают)

СХД - сетевое хранилище данных, верно? Кстати, а если рассмотреть вариант покупки домашней такой штуки (NAS)? Новые, я смотрю, стоят тысяч 12, подержанные раза в два должны быть дешевле. Правда, опыта в этом мало, но почему бы не разобраться. У меня интернет лимитный, 4G, но есть вариант поставить такую штуку у тетки в крупном городе - у неё оптоволокно. 
А ведь можно еще на NAS направлять запись с IP-камеры? Планирую поставить парочку на участок.

Подключил JS и всё заработало :)

Еще один момент, может, подскажешь: там два подменю - то есть, нужен еще один подуровень (см. скрин): Услуги >  подменю "Лечение зубов" > еще три подменю: "Лечение кариеса" и др 
Это вообще возможно сделать? У этих подменю одинаковый класс, если я правильно понимаю...

png 2023-05-31_09-43-07.png
D.iK.iJ #:

Ну и скриптом сворачиваем / разворачиваем подпункт меню при клике на область справа.

Спасибо за подробный ответ! 
Только скрипт почему-то не работает.

John Silver #:

А вы путь к иконке указали?)

Да

Благодарю! Работает, только не понял, где иконка меню. Почему-то не отображается и не могу маржином добиться того, чтобы хотя б увидеть на экране телефона.


<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 - бестолку.  

smurf #:

top измените, пиксели подберите сами, чтобы выровнять 

.nav_container {

background: #3FC1C1 ;
position: fixed;
bottom: 0;
top: 10px;

Вроде уже всё выровнял.
А как сделать ссылкой иконку меню?
Последний штрих - как сделать ссылкой иконку меню? То есть, чтобы боковое меню открывалось и по нажатию на "гамбургер".
Всего: 154