Sidebar options
See the Layouts section for how to add a Sidebar.
See how to add widgets in the Widgets section.
Adjust the width
Go to: Theme Options → Global → Content → Sidebar (and widgets) → Width of Sidebar. Adjust the width of the Sidebar here and the content area will adjust automatically.
Styling
Boxed style
Go to: Theme Options → Global → Content → Sidebar (and widgets) → Sidebar widgets style boxed. Select ON to show all widget areas in a box.
Note: The box color is based on your background color.
Add an underline to widget titles
Go to: Theme Options → Global → Content → Sidebar (and widgets) → Style of H3 widget title. Choose a preferred style for the widget titles inside the Sidebar.
Social icons in React widget
Choose a social icon style for widgets. Theme Options → Global → Content → Sidebar (and widgets) → Social icon widget style.
Responsive Options
Sidebar convert point
When the device screen becomes too small you can swap Sidebar widgets to columns and show them under the content area.
Go to: Theme Options → Global → Content → Sidebar (and widgets) → Convert the Sidebar.
React offers two possible break points for the Sidebar. For the option When to make the first break you will select a screen size point for the Sidebar to move under the content area. The second break will always be for Phones.
For Number of columns to convert you can select the number of columns for the first break point (the one you chose above) and then how to display on Phones.