Here's a way to hide/show sidebar control. The following steps add the functionality to most of themes. Theme: apostrophe-2 Create a child theme Copy single.php to the root folder of the child theme Edit single.php in the child theme folder, Add the following code to before primary section get_header(); ?> <div id="sidebar_controller_block"> Sidebar hide/show <input id="sidebar_controller" type="button" value=">"> </div> <section id="primary" class="content-area"> Add JavaScript code after footer, or create a custom js in "Custom CSS & JS" plugin $(document).ready(function(){ $('#sidebar_controller_block').on('click',function(){ var sidebar = $('#secondary.widget-area'); var article = $('#primary'); var controller = $('#sidebar_controller'); if(sidebar.is(':visible')){ sidebar.hide(); article.css('width','100%'); controller.val('<'); } else{ article.css('width','68.18182%'); sidebar.show(); controller.val('>'); } }); }); // this code is used in https://it.211cn.ca To keep search bar we may move it to the top of primary block. $(document).ready(function(){ if($.browser.mobile) $("#sidebar_controller_block").hide(); $('h1.entry-title').append($("#sidebar_controller_block")); var sidebar = $('#secondary.widget-area'); var article = $('#primary'); var controller = $('#sidebar_controller'); var media = window.matchMedia("(min-width: 768px)"); $('#sidebar_controller_block').on('click',function(){ if(sidebar.is(':visible')){ if(media.matches){ sidebar.hide(); article.css('width','100%'); controller.val('<'); $('form[role="search"]').prependTo('h1.entry-title'); } } else{ if(media.matches){ sidebar.show(); article.css('width','73%'); controller.val('>'); $('form[role="search"]').prependTo('div.sidebar-primary'); } } }); }); // this code is used in https://211cn.ca Add css in "Custom CSS & JS" plugin #sidebar_controller_block{ text-align:right; } #sidebar_controller{ background: #fafafb; padding: 2px 6px; margin-right: 8px; border:solid 1px #72a0e8; font-weight: bold; } Result Note: this solution was implemented on Apostrophe 2 theme. Please leave comments for me if some theme is not working on this solution. Theme: Point Custom js $(document).ready(function(){ var sidebar = $('aside'); var article = $('article'); var controller = $('#sidebar_controller'); $("#sidebar_controller_block").appendTo($('h1.title')); if($.browser.mobile) $("#sidebar_controller_block").hide(); $('#sidebar_controller_block').on('click',function(){ if(sidebar.is(':visible')){ sidebar.hide(); article.css('width','100%'); controller.val('<'); } else{ article.css('width','67%'); sidebar.show(); controller.val('>'); } }); }); // this code is used in…