show and hide sidebar by click or hover

Hi,

Themler itself does not have such feature. But you can add a button+custom js or html control with button and custom js which will hide specific element (by class) on click. This is quite easy task but it requires some coding. I can provide you with example if you describe what EXACTLY you want in more details or example of what exactly you want to achieve.

Thank you,
Olivia

I just made it with TH only. One CMS control, some code and one hidden custom TH template. You can open sidebar with "Open link" and edit content inside in TH. Ad controls, widgets, menus, all. Position absolute for CMS control, some other small things, all in TH.

It needs some thinking about responsive, right width, scroll. But you do it only once for all next websites in the future.

<div class="wrapper-navbar-nav">
<div class="nav navbar-nav">
        <div class="dropdown navbar-right">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-lines"></i></a>
            <div class="dropdown-menu pull-left bg-warning" style="min-width:800px;width:100%;">


              <?php
$args=array(
  // cat'=> 606,
   'posts_per_page' => 1,
);
query_posts($args);


//Get the Posts
theme_blog_18();
wp_reset_query();
?>


              </div>
          </div>
          </div>
</div>

Best to use columns for all content inside expandable sidebar. More native control.

Hi,
thank you for help. Please tell me (step by step) where I have to add the code and the next steps I have to do to make this feature runable. This kind of theme-creation in themler is very new for me.
Thank you

Difficult to explain all clicks, it is not difficult to make.

• Insert CMS control at any place, doesnt matter as it is postitioned with absolute or fixed. Best outside all other blocks, to keep it simple.
• CMS Control = Responsive button for click.
• dropdown-menu = Bootsrtrap class already prepared to keep contenjt loaded on page but hidden unless button is clicked.
• Make one new Page template and call it something like Hidden something. It wont be used anywhere but there. Click on 2 instance "Customize this template", one under Design - Background, second under Posts control.
• Disable Header and footer in this template and remove all blocks from it, specially Post content control.
• Start adding one Section from Clipart as first demo.
• Go back to Home / Default template and continue to insert all you want in hidden SIdebar directly there. Forget about Hidden template, no need to open it anymore.

Rest of click are simple CSS, cannot explain it. Positioning, margins, paddings, etc.

You need to change number in "theme_blog_18();" to your just made hidden template number in Includes folder.

Hi,
thank you very much, it works, but I only works with "theme_blog_1();" .Then my first Blog-Site ist shown. Where can I change the number of the page-template I called "Hidden". I can´t find the hidden template in folder wp-content/themes/"my theme"/includes ?
Next question: Is it possible to show and hide also a page-content ? I ask this, because now I saw that I can show and hide a blog-page-content, so maybe it´s also possible to do this with page-content too?
Thanks again

In theme root find your last Page template, check template name is mention at top, and somewhere in the middle is number of file in "Includes" subfolder.