How can I smaller font of sidebar and sidebar margin on mobile

Website: banditk-gangn.com

Vendy theme

There is a screenshot that I attached below, as you can see the font and margin is giant.

Please help me to solve it

Thank you

1 Like

@Linshiliang

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media (min-width: 576px) {
.menu-content {
    width: 300px;
}
}
.megamenu_mobile ul.megamenu>li.level_1__item>a, .megamenu_mobile ul.megamenu>li.level_1__item>span
{
font-size: 13px;
}

Thanks for the solution. Also, do you know how to smaller the sidebar, not the font, because when clicking sidebar, it covers almost full screen

1 Like

@Linshiliang

yes please give me screenshot

1 Like

@Linshiliang

yes please add this code also

.menu-content {width: 200px !important;}