XF 1.x Sidebar Toogle Button separated from Breadcrumb

jonlar

Registered
I would like to separate the Sidebar-Toogle-Button from Breadcrumb, for better visibility, but can´t get it working without "destroying" the Style ;)
Maybe somebody already got it working and could help me with that?! Thanks
 

Russ

Pixel Exit Staff
It's pretty easy adjustment, open the breadcrumb template

Code:
<xen:if is="@xb_enable_collapsesidebar"><a href="#" class="sidebarCollapse" title="Close or Open Sidebar"><xen:comment>@xb_collapsesidebarcontent</xen:comment></a></xen:if>

Find this portion and move it right above:

Code:
<fieldset class="breadcrumb">

Then in your extra.css, add this:

Code:
.sidebarCollapse
{
   height: @xb_breadcrumb_height;
   line-height: @xb_breadcrumb_height;
   background-color: @breadcrumb.background-color;
   border: 1px solid @breadcrumb.border-color;
   padding: 0px 5px;
   margin-left: 5px;
   border-radius: @xb_borderradiusm;
}

This will match your breadcrumb like so:

Screenshot_1.png
 
Last edited:

jonlar

Registered
There is a little problem if you, e.g., head to "Your Profile Page"
There is the Button also, without the Arrow but with the Title also. By clicking it, it redirects to the Main Page
Bildschirmfoto 2016-12-27 um 14.44.13.png
 

Russ

Pixel Exit Staff
Slight change on the conditional...

From:
Code:
<xen:if is="@xb_enable_collapsesidebar">
to:
Code:
<xen:if is="{$sidebar} AND @xb_enable_collapsesidebar">

Should do the trick.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.