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
 
It's pretty easy adjustment, open the breadcrumb template

Code:
Expand Collapse Copy
<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:
Expand Collapse Copy
<fieldset class="breadcrumb">

Then in your extra.css, add this:

Code:
Expand Collapse Copy
.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:
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
 
Slight change on the conditional...

From:
Code:
Expand Collapse Copy
<xen:if is="@xb_enable_collapsesidebar">
to:
Code:
Expand Collapse Copy
<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.

Back