{"id":8362,"date":"2018-05-13T13:56:46","date_gmt":"2018-05-13T13:56:46","guid":{"rendered":"https:\/\/kriesi.at\/documentation\/enfold\/?p=8362"},"modified":"2018-05-18T17:37:32","modified_gmt":"2018-05-18T17:37:32","slug":"sidebar","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/sidebar\/","title":{"rendered":"sidebar"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-880ccd2c4a0d1780ad616ee672160185\">\n#top .av-special-heading.av-av_heading-880ccd2c4a0d1780ad616ee672160185{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-880ccd2c4a0d1780ad616ee672160185 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-880ccd2c4a0d1780ad616ee672160185 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-880ccd2c4a0d1780ad616ee672160185 av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Sidebar<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-tlv6eq-fd389608f8d32dc06a65a63e65d31c86 hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r64yf6-86102655ccd920969185ceb0c356d0af '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-plnrz6-01d1de7c216d8ee988ad0fa8af67f9e4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Sidebar can be easily modified. To show\/hide sidebar or to add\/delete widgets please access the sidebar settings from:<\/p>\n<ul>\n<li>Enfold &gt; Sidebar<\/li>\n<li>Page\/Post &gt; Layout &gt; Sidebar Settings<\/li>\n<li>Appearance &gt; Widgets &gt; Sidebar<\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='hr av-nvyu9u-711f2afe68f6a9e440c272b04ee017ce hr-default  avia-builder-el-4  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Show or Hide sidebar on Mobile devices<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-5j1jmq-2e27c1977b6a127c841d2a893654c8f6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>By default the Enfold theme will hide the left or right sidebar on mobile devices so that the content is simplified.<\/p>\n<p>To change this there is an option in the Theme Options in the Sidebar tab. Go to the Enfold Theme Options&gt;Sidebar and then look for the \u201cSidebar on Smartphones\u201d title. Check the box to show sidebars on mobile devices.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8365\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/show-sidebar-option.png\" alt=\"\" width=\"630\" height=\"84\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/show-sidebar-option.png 630w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/show-sidebar-option-300x40.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/show-sidebar-option-600x80.png 600w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-nvyu9u-711f2afe68f6a9e440c272b04ee017ce hr-default  avia-builder-el-7  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Sidebar on top or bottom<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To position the sidebar on top of the content we can add the below custom CSS.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Sidebar on top in Desktop:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jhc8p5j5-44bf8ee11d263096732b995a72210ce2 av-minimal-toggle  avia-builder-el-11  el_after_av_textblock  el_before_av_hr  toggle_close_all' >\n<section class='av_toggle_section av-4xha62-83f43952af3bd2fee2379d68012f73ab'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-1' data-fake-id='#toggle-id-1' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-1' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-1' aria-labelledby='toggle-toggle-id-1' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><code>       \/* Sidebar on top in desktop and mobile *\/<br \/>\n.container {<br \/>\ndisplay: flex!important;<br \/>\nflex-direction: row;<br \/>\njustify-content: space-between;<br \/>\nflex-wrap: wrap;<br \/>\n}<\/code><\/p>\n<p>\/* Sidebar *\/<br \/>\n#top .container aside {<br \/>\norder: 1;<br \/>\nflex-grow: 1;<br \/>\n}<\/p>\n<p>\/* Main Content *\/<br \/>\n#top .container main {<br \/>\norder: 2;<br \/>\nflex-grow: 1;<br \/>\npadding: 0 50px 0 0;<br \/>\n}<\/p>\n<\/div><\/div><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-nvyu9u-803b7eab45448e0c89d729555c67ce1b\">\n#top .hr.hr-invisible.av-nvyu9u-803b7eab45448e0c89d729555c67ce1b{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-nvyu9u-803b7eab45448e0c89d729555c67ce1b hr-invisible  avia-builder-el-12  el_after_av_toggle_container  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Sidebar at the bottom in Desktop:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jhc8p5j5-44bf8ee11d263096732b995a72210ce2 av-minimal-toggle  avia-builder-el-14  el_after_av_textblock  el_before_av_hr  toggle_close_all' >\n<section class='av_toggle_section av-av_toggle-69e4f19d0220af2c474cb8029b08881a'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-2' data-fake-id='#toggle-id-2' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-2' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-2' aria-labelledby='toggle-toggle-id-2' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><code>       \/* Sidebar at the bottom in desktop and mobile *\/<br \/>\n.container {<br \/>\ndisplay: flex!important;<br \/>\nflex-direction: row;<br \/>\njustify-content: space-between;<br \/>\nflex-wrap: wrap;<br \/>\n}<\/code><\/p>\n<p><code><code><\/code><\/code><\/p>\n<p>\/* Sidebar *\/<br \/>\n#top .container aside {<br \/>\norder: 2;<br \/>\nflex-grow: 1;<br \/>\n}<\/p>\n<p><code><br \/>\n<\/code><\/p>\n<p><code>        \/* Main Content *\/<br \/>\n#top .container main {<br \/>\norder: 1;<br \/>\nflex-grow: 1;<br \/>\npadding: 0 50px 0 0;<br \/>\n}  <\/code><\/p>\n<\/div><\/div><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-nvyu9u-803b7eab45448e0c89d729555c67ce1b\">\n#top .hr.hr-invisible.av-nvyu9u-803b7eab45448e0c89d729555c67ce1b{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-nvyu9u-803b7eab45448e0c89d729555c67ce1b hr-invisible  avia-builder-el-15  el_after_av_toggle_container  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Sidebar on top in Mobile:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jhc8p5j5-44bf8ee11d263096732b995a72210ce2 av-minimal-toggle  avia-builder-el-17  el_after_av_textblock  el_before_av_hr  toggle_close_all' >\n<section class='av_toggle_section av-2rz2my-44640c7168236e59f481c12d3644db50'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-3' data-fake-id='#toggle-id-3' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-3' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-3' aria-labelledby='toggle-toggle-id-3' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><code>    \/* Sidebar on top in mobile *\/<br \/>\n@media only screen and (max-width: 786px) {<\/code><\/p>\n<p>.container {<br \/>\ndisplay: flex!important;<br \/>\nflex-direction: row;<br \/>\njustify-content: space-between;<br \/>\nflex-wrap: wrap;<br \/>\n}<\/p>\n<p>\/* Sidebar *\/<br \/>\n#top .container aside {<br \/>\norder: 1;<br \/>\nflex-grow: 1;<br \/>\n}<\/p>\n<p>\/* Main Content *\/<br \/>\n#top .container main {<br \/>\norder: 2;<br \/>\nflex-grow: 1;<br \/>\npadding: 0 50px 0 0;<br \/>\n}<br \/>\n}<\/p>\n<\/div><\/div><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-nvyu9u-803b7eab45448e0c89d729555c67ce1b\">\n#top .hr.hr-invisible.av-nvyu9u-803b7eab45448e0c89d729555c67ce1b{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-nvyu9u-803b7eab45448e0c89d729555c67ce1b hr-invisible  avia-builder-el-18  el_after_av_toggle_container  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Sidebar at the bottom in Mobile:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jhc8p5j5-44bf8ee11d263096732b995a72210ce2 av-minimal-toggle  avia-builder-el-20  el_after_av_textblock  avia-builder-el-last  toggle_close_all' >\n<section class='av_toggle_section av-av_toggle-69e4f19d0220af2c474cb8029b08881a'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-4' data-fake-id='#toggle-id-4' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-4' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-4' aria-labelledby='toggle-toggle-id-4' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><code>    \/* Sidebar at the bottom in mobile *\/<br \/>\n@media only screen and (max-width: 786px) {<\/code><\/p>\n<p><code><code><\/code><\/code><\/p>\n<p>.container {<br \/>\ndisplay: flex!important;<br \/>\nflex-direction: row;<br \/>\njustify-content: space-between;<br \/>\nflex-wrap: wrap;<br \/>\n}<\/p>\n<p><code><code><\/code><\/code><\/p>\n<p>\/* Sidebar *\/<br \/>\n#top .container aside {<br \/>\norder: 2;<br \/>\nflex-grow: 1;<br \/>\n}<\/p>\n<p><code><br \/>\n<\/code><\/p>\n<p><code>        \/* Main Content *\/<br \/>\n#top .container main {<br \/>\norder: 1;<br \/>\nflex-grow: 1;<br \/>\npadding: 0 50px 0 0;<br \/>\n}<br \/>\n}<\/code><\/p>\n<\/div><\/div><\/div><\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2,12],"tags":[],"class_list":["post-8362","post","type-post","status-publish","format-standard","hentry","category-documentation","category-explore","documentation","explore"],"modified_by":"vinay","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/8362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=8362"}],"version-history":[{"count":9,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/8362\/revisions"}],"predecessor-version":[{"id":8536,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/8362\/revisions\/8536"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=8362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=8362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=8362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}