Skip to main content
Using The Floating Sidebar In Monarch

Create a floating sidebar of social sharing buttons that follow your visitors as they scroll.

Updated over a week ago

An Overview Of The Sidebar Settings

sidebar settings

Social Floating Sidebars are a great way to give your readers a quick and easy way to share your content no matter where they are on the page. Choose your networks, arrange them in the perfect order, and even display share counts.

Choose Icon Style

Select Hover

This option allows you to choose from any available hover styles Monarch offers for floating sidebars.

You can hover over any options to get an example preview of the hover effect. Once you decide on an option, click to select any style, and a green checkmark will indicate your section.

Icons Hover Style

Choose Icon Shape

Select Shape

Monarch offers 3 shapes for your social buttons:

  • Squared,

  • Rounded,

  • Circles.

Combined with the styles mentioned above, you can create various great-looking social buttons.

Icon Shape

Display Settings

Intro Animation

This dropdown contains a list of intro animations for your floating sidebar. You can choose for it to fade in statically, from the left, from the top or bottom, or choose to have no load-in animation at all.

Display Share Counts

Displaying share counts is a great way to show off how many times your pages have been shared and even a great way to encourage visitors to spread your content. This number will appear inside each button just below the network icon.

Minimum Count Display

Sometimes it is better to not show counts than to show that your content has yet to be shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your floating sidebar. This is a great feature for new content that has yet to have the opportunity to be shared for a long time.

Display Total Shares

This share count will add up the shares across all the networks in your sidebar and display the total right above your sidebar. This is a great way to show how popular a given page is.

Total Shares Text Color

If the option above is selected, this option will appear to allow you to choose your total shares text-color value. Your website's background may be light or dark in color value โ€” this option lets you make sure your text stands out on top of your background.

Add Icon Spacing

By default, the sidebar icon buttons are displayed with no vertical spacing except circular buttons. This option lets you add vertical spacing between icons for new design possibilities.

Hide On Mobile Devices

Monarch displays a subtle, non-intrusive mobile sidebar, but if you wish to not display the floating share bar on mobile devices, you can check this box.

Color Settings

Use Custom Colors

Monarch uses the default network colors by default, but for a more custom approach, you can select your own button colors. If an option below is not defined, that element's default setting will be used.

Background Color

This color picker will define the background color of your sidebar buttons.

Hover Background Color

This color picker will define the background color of your sidebar buttons when the user hovers over a button.

Icon Color

This color picker will define the color of your sidebar buttons' icons.

Hover Icon Color

This color picker will define the color of your sidebar buttons' icons when the user hovers over a button.

Post Type Settings

All post types on your website will appear in the Post Type Settings, whether a post or page, a WooCommerce Product, a Project post from a portfolio plugin, etc.

These global settings allow you to choose the posts you want your floating sidebar to appear on.

Note: You can override any of these settings on a per-post basis.

Did this answer your question?