Прокрутка сайдбара

[muster]

Добрый день!
Прошу подсказки. Нужна полоса прокрутки меню на сайдбаре. Пишут, что надо ограничить высоту сайдбара. Но у сайдбара нет такой настройки. Не могу понять в каком направлении копать. В сайдбар или меню навигации. Или кодом где-то написать. Прошу проконсультировать. Заранее благодарен.

[Fullf]

Так может хоть ссылку на сайт дадите.

[muster]

Тема вордпресс Agency Ecommerce (прикрепил GIF)

[alexakap]

Тема вордпресс Agency Ecommerce (прикрепил GIF)

Вам на гифе надо код запилить? Или скачать шаблон поставить к себе и сделать не понятную шляпу типа "полоса прокрутки меню на сайдбаре"... Ну или хрустальный шар 

[muster]

Смешно невероятно. Спасибо за хотя бы такой ответ. Я так понял, что полосу прокрутки можно только через код. И на том спасибо.

[Plan]

Для блока в котором не влазит контент нужно добавить стиль
overflow-y: scroll;

Но по гифке больше не скажешь)))

[muster]

Спасибо за ответ. Он мне пока ни о чем (к сожалению).
Давайте разберемся по крупному. Есть header и footer. Между ними поле (не знаю название). В этом поле слева сайдбар и страница с блоком, в котором картинка (см. выше GIF). В сайд баре виджет Меню навигации. В меню навигации пунктов штук 30-40, т.е. всегда больше чем высота страницы с картинкой. У каждого пункта своя страница. Высота всегда одинаковая. Нужно, чтобы сайдбар был по высоте тоже размером со страницу и соответственно (пунктов много) имел скроллинг. Т.е. сначала нужно видимо найти высоту страницы и задать ее точно, потом приравнять высоту сайдбара к высоте страницы. А скроллинг сам появится или нет? Правильно я понимаю? Или как-то это иначе делается? Если с этой логикой разобраться, потом попробую в коды вникнуть.

[svetlana202020]

Здравствуйте. Подскажите пожалуйста оптимальный формат картинок для сайдбара? Чтобы они быстрее загружались.

[Fullf]

Здравствуйте. Подскажите пожалуйста оптимальный формат картинок для сайдбара? Чтобы они быстрее загружались.

Оптимизированные

[Val_Ery]

muster,
Такой вариант - тык

Что там...
1. Высота всего body документа - 100vh. Шапка и Подвал прижаты к верхней и нижней части экрана (это, чтобы при малом количестве контента футер не "болтался" в середине экрана)
2. Основное содержимое - блок, содержащий боковую панель и собственно контент - установлена высота height: calc(100vh - 102px);
Здесь 102 пикселя - суммарная высота шапки и подвала (посмотреть можно через инспектор элементов). Если высота шапки или подвала разная для разных страниц сайта (выводится разная информация и т.п.), самый простой вариант - использовать классы, которые ВП добавляет к тегу body. Типа, для архивных страниц это будет .archive aside {...}, для главной страницы - .main-page aside {...} и т.п.
3. Для сайдбара установлено overflow-y: scroll;

P.S. Рисовал на коленке... Поэтому никакой адаптивности...
Просмотр с кодом  тута