BetterDocs gives you the freedom to customize the Sidebar layout and change its appearance any way you want. Now, let’s follow this below guideline to customize the Documentation Sidebar in BetterDocs:
First of all, go to to the BetterDocs Settings by navigating to wp-admin -> BetterDocs -> Settings. Afterward, open the ‘Design’ tab. Now, hit the ‘Customize BetterDocs’ button and you will be redirected to the Customize page.
From ‘BetterDocs Customizer’, you can pick the ‘Sidebar’ option. You will then find all the styling options to modify the appearance for the sidebar.
Since by default BetterDocs Customizer redirects you to the doc landing page as preview, you need to go through the Single docs to see the sidebar changes you make in real-time.
Afterward, you can go ahead & change the Icon Size, Title Font Size, Item Count Size, List Item Font Size and others. Besides, you have the freedom to change the Title colors when they are on normal and active modes. Also, you can change the colors for Item Background, Item List, Active Item List, Item Count and many others of your side bar. Make sure to hit on the ‘Publish’ button to save your changes.