Opencart 2.1|Добавить скроллинг в мобильной версии меню
Прошу оценить стоимость и сроки.
Сайт:
url: "https://canapeclub-mirror.dev-70f8.whitebx.ru"
username: "w"
password: "w"
Движок: Opencart 2.1.0.2.2 PRO с темой Octemplates LUXURY v1.4.1
Задание:
Сейчас на мобильных устройствах отсутствует возможность прокрутить вниз отображаемый список мобильного меню, который имеет размер больше экрана. Например, при выборе пункта "Меню -> Наше меню -> Фуршетные наборы".
https://up.whitebx.ru/Screencast%202018-11-27%2014:40:58.DTbJndnb47ULuVbVwb84A8.mp4
https://up.whitebx.ru/canape-screenshot.BqgppMzAMQcLLrjobXd4vB.png
Нужно добавить к мобильному меню возможность такой прокрутки списка.
Подробнее:
1.
Мобильное меню должно иметь возможность прокрутки посредством драггинга (перетаскивания) соответствующей области меню, выходящей за пределы экрана.
https://up.whitebx.ru/Screencast%202018-11-27%2014:40:58.DTbJndnb47ULuVbVwb84A8.mp4
2.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.
Особенности:
A.
КРОССБРАУЗЕРНОСТЬ.
Результаты работ должны одинаково выглядеть в основных браузерах: Firefox, Chrome, Safari.
B.
АДАПТИВНАЯ ВЁРСТКА.
Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё было читабельно и никуда не съезжало.
Устройство посетителя считается мобильным в случаях когда:
Ширина экрана браузера менее 700px.
User-Agent браузера позволяет определить что устройство мобильное.
Вышеуказанные условия должны реагировать на resize окна браузера.
C.
МИНИМУМ JAVASCRIPT.
Задачи должны быть выполнены с минимально возможным применением javascript. Если какие-то задачи могут быть решены средствами PHP/HTML/CSS, то они должны быть решены с помощью PHP/HTML/CSS.
D.
НЕЛЬЗЯ ИСПОЛЬЗОВАТЬ H1, H2, H3.
Для вёрстки новых элементов нельзя использовать теги h1 h2 h3 и т.д., поскольку это вредно с точки зрения SEO.
F.
Выполнение данной задачи не должно сломать какой-либо другой функционал. Если в процессе работы вы что-то сломаете, то исправление поломки осуществляется вами безвозмездно.
G.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.
Пожалуйста оцените стоимость и сроки выполнения.