{"id":233,"date":"2017-04-28T19:17:46","date_gmt":"2017-04-29T02:17:46","guid":{"rendered":"https:\/\/www.elegantthemes.com\/documentation\/?p=233"},"modified":"2017-05-17T20:36:11","modified_gmt":"2017-05-18T03:36:11","slug":"sidebar","status":"publish","type":"post","link":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/","title":{"rendered":"Using The Floating Sidebar In Monarch"},"content":{"rendered":"<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/_b4ydTOCKi8?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2>An Overview Of The Sidebar Settings<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/sidebar-settings.jpg\" alt=\"sidebar settings\" \/><\/p>\n<p>Social Floating Sidebars are a great way to give your readers a quick and easy way to your content no matter where they are on the page. Choose your networks, arrange them in the perfect order, and even display share counts.<\/p>\n<h2>Choose Icon Style<\/h2>\n<h3>Select Hover<\/h3>\n<p>This option allows you to choose from any of the available hover styles Monarch offers for floating sidebars. You can hover over any of the options to get an example preview of the hover effect. Once you decide on an option, just click to select any style and your section will be indicated by a green checkmark.<\/p>\n<h2>Choose Icon Shape<\/h2>\n<h3>Select Shape<\/h3>\n<p>Monarch offers 3 shapes for your social buttons: Squared, Rounded, and Circles. Combined with the styles mentioned above you can create a variety of great looking social buttons.<\/p>\n<h2>Display Settings<\/h2>\n<h3>Intro Animation<\/h3>\n<p>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.<\/p>\n<h3>Display Share Counts<\/h3>\n<p>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.<\/p>\n<h3>Minimum Count Display<\/h3>\n<p>Sometimes it is better to not show counts at all than it is to show that your content hasn&#8217;t been 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 hasn&#8217;t had the opportunity to be shared for much time.<\/p>\n<h3>Display Total Shares<\/h3>\n<p>This share count will add up the shares across all of the networks in your sidebar and display the total right above your sidebar. This is a great way to show the totality of how popular a given page is.<\/p>\n<h3>Total Shares Text Color<\/h3>\n<p>If the option above is selected, this option will appear to allow you to choose your total shares text color value. Your website&#8217;s background may be light or dark in color value \u2014 this option lets you make sure your text stands out on top of your background.<\/p>\n<h3>Add Icon Spacing<\/h3>\n<p>By default, the sidebar icon buttons are displayed with no vertical spacing, except for circular buttons. Checking this option lets you add vertical spacing between your icons for a whole new set of design possibilities.<\/p>\n<h3>Hide On Mobile Devices<\/h3>\n<p>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. <\/p>\n<h2>Color Settings<\/h2>\n<h3>Use Custom Colors<\/h3>\n<p>By default, Monarch uses the default network colors, but for a more custom approach you can select your own button colors. If an option below is not defined, the default setting will be used for that element.<\/p>\n<h3>Background Color<\/h3>\n<p>This color picker will define the background color of your sidebar buttons<\/p>\n<h3>Hover Background Color<\/h3>\n<p>This color picker will define the background color of your sidebar buttons when the user hovers over a button.<\/p>\n<h3>Icon Color<\/h3>\n<p>This color picker will define the color of your sidebar buttons&#8217; icons.<\/p>\n<h3>Icon Color<\/h3>\n<p>This color picker will define the color of your sidebar buttons&#8217; icons when the user hover over a button.<\/p>\n<h2>Post Type Settings<\/h2>\n<h3>Select Your Post Types<\/h3>\n<p>All post types that exist on your website will appear in the Post Type Settings, whether it is a post or page, a WooCommerce Product, a Project post from a portfolio plugin, etc. These are global settings that allow you to choose what kind of posts you would like your floating sidebar to appear on. Note that you can override any of these settings on a per post basis.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a floating sidebar of social sharing buttons that follow your visitors as they scroll.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,18],"tags":[],"class_list":["post-233","post","type-post","status-publish","format-standard","hentry","category-monarch","category-sharing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using The Floating Sidebar In Monarch - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Create a floating sidebar of social sharing buttons that follow your visitors as they scroll.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-29T02:17:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-18T03:36:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/sidebar-settings.jpg\" \/>\n<meta name=\"author\" content=\"admindocumentation\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admindocumentation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/\"},\"author\":{\"name\":\"admindocumentation\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"headline\":\"Using The Floating Sidebar In Monarch\",\"datePublished\":\"2017-04-29T02:17:46+00:00\",\"dateModified\":\"2017-05-18T03:36:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/\"},\"wordCount\":662,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/sidebar-settings.jpg\",\"articleSection\":[\"Monarch Plugin Documentation\",\"Social Sharing\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/\",\"name\":\"Using The Floating Sidebar In Monarch - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/sidebar-settings.jpg\",\"datePublished\":\"2017-04-29T02:17:46+00:00\",\"dateModified\":\"2017-05-18T03:36:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/sidebar-settings.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/sidebar-settings.jpg\",\"width\":960,\"height\":1589},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/sidebar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using The Floating Sidebar In Monarch\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\",\"name\":\"admindocumentation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"caption\":\"admindocumentation\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/","og_locale":"en_US","og_type":"article","og_title":"Using The Floating Sidebar In Monarch - Elegant Themes Documentation","og_description":"Create a floating sidebar of social sharing buttons that follow your visitors as they scroll.","og_url":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2017-04-29T02:17:46+00:00","article_modified_time":"2017-05-18T03:36:11+00:00","og_image":[{"url":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/sidebar-settings.jpg","type":"","width":"","height":""}],"author":"admindocumentation","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admindocumentation","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/#article","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/"},"author":{"name":"admindocumentation","@id":"https:\/\/www.elegantthemes.com\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"headline":"Using The Floating Sidebar In Monarch","datePublished":"2017-04-29T02:17:46+00:00","dateModified":"2017-05-18T03:36:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/"},"wordCount":662,"image":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/sidebar-settings.jpg","articleSection":["Monarch Plugin Documentation","Social Sharing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/","url":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/","name":"Using The Floating Sidebar In Monarch - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/#primaryimage"},"image":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/sidebar-settings.jpg","datePublished":"2017-04-29T02:17:46+00:00","dateModified":"2017-05-18T03:36:11+00:00","author":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"breadcrumb":{"@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/#primaryimage","url":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/sidebar-settings.jpg","contentUrl":"https:\/\/www.elegantthemes.com\/documentation\/wp-content\/uploads\/2017\/04\/sidebar-settings.jpg","width":960,"height":1589},{"@type":"BreadcrumbList","@id":"https:\/\/www.elegantthemes.com\/documentation\/monarch\/sidebar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.elegantthemes.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"Using The Floating Sidebar In Monarch"}]},{"@type":"WebSite","@id":"https:\/\/www.elegantthemes.com\/documentation\/#website","url":"https:\/\/www.elegantthemes.com\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.elegantthemes.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.elegantthemes.com\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268","name":"admindocumentation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","caption":"admindocumentation"}}]}},"_links":{"self":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":4,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/233\/revisions"}],"predecessor-version":[{"id":255,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/233\/revisions\/255"}],"wp:attachment":[{"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/categories?post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/documentation\/wp-json\/wp\/v2\/tags?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}