Top

Sidebar Options


There are 3 Sidebar Settings in our theme:

  1. Default Sidebar
  2. Horizontal Sidebar
  3. Fill Icon Color
Default Sidebar:

Shows the sidebar with default style.

default sidebar
Horizontal Sidebar:

Shows the sidebar with horizontal style..

horizontal sidebar
Fill Icon Color:

hows the sidebar with fill icons .

fill icon sidebar

These changes are applied by changing the value of icon property in the sidebar component.

If you like a particular type of sidebar and want to use that one in you website, then just copy the sidebar.scss file and add the necessary class to the sidebar-layout property in theme>src>shared>services>layout.service.ts file.

For changing the icons between Stroke/Fill.

  1. Stroke Icon = 'stroke-svg' for the default sidebar icon.
  2. Fill Icon = 'fill-svg' for the fill svg icons in sidebar.