Thank you so much for configuring the categories at the sidebar for me. That is exactly what I needed.
Additionally, I decided to implement the search bar and categories at the header too. However, when hovering over a category (for example: korean food), there is only 2 sub-categories and the spacing at the left and right seems too big as a result. I tried limiting the width of the section on Elementor but it does not remove the extra spacing. May I know if there is an option to reduce the spacing? (attached the screenshot below)
You can limit the width of the dropdown menu in Appearance -> Menus -> select your categories menu -> then open the item that has the dropdown and in the “Dropdown Width” field change the width.