Sidebar

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.

Still having trouble? Head over to the forums.

Forums