Hi,

Is there a way tp keep the sidebar like the image below and removing the button?

1644775027430.png
 

Russ

Pixel Exit Staff
I think something like this would do the trick:

Code:
.xb-canvas .canvas-left
{
    width: 80px;
}
.xb-canvas .xbSidebar-nav .xbVerticalNav-subList.is-active, .xb-canvas .canvas-header .p-header-logo i
{
    display: none;
}
.xb-canvas.xb-canvas-menuActive .canvas-left, .xb-canvas.xb-canvas-menuActive .xbSidebar-nav-list>li
{
    width: auto;
}
.xb-canvas .xbSidebar-nav .xbVerticalNav-linkHolder .xbVerticalNav-link
{
    text-align: center;
}

Place it inside extra.less
 

Russ

Pixel Exit Staff
Actually... sorry I messed something up. This should be a bit more bulletproof.

PAGE_CONTAINER, on or around (depending on your edits) line 163:

Change:

Code:
<div class="xb-page-wrapper{{ property('xbForumStyle') == 'canvas'  ? ' xb-canvas' : '' }}{{ !is_toggled('_canvasMenu') ? ' xb-canvas-menuActive' : '' }}">

To:
Code:
<div class="xb-page-wrapper{{ property('xbForumStyle') == 'canvas'  ? ' xb-canvas' : '' }}">

Then add this to extra.less:

Code:
.XenBase .xb-canvas .canvas-header .p-header-logo i
{
display: none;
}
 

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.