ну берешь делаешь контейнер display:flex; flex-direction:column; width:250px(например 250 пикселей);
в него фигачишь в первую очередь блок с display:none (на пк он будет скрыт изначально) потом блоки с товарами категориями что там? и да фигачить нужно их будет через ul/li , потом при адаптации делаешь медиа запрос который будет скрывать эти ul и показывать кнопку каталог товаров - то есть display:flex и display:none для ul ну и всё потом при нажатии на кнопку с каталогом делаешь
function show(){
const catalog= document.querySelector('.basket_mobile');
catalog.classList.toggle('show');
}
let button_catalog = document.querySelector('catalog');
button_catalog .addEventListener("click", show);
ах да забыл сказать сделай ещё класс show который просто display:flex; за счёт toggle будет добавляться и удаляться этот класс и таким образом будет выезжать твоя навигация , надеюсь понятно объяснил
