T Tinted Member Dec 24, 2017 #1 I'm trying to move my sidebar to the left and also display it on all the pages. I only found modifications for xenforo 1 when i tried searching for it.
I'm trying to move my sidebar to the left and also display it on all the pages. I only found modifications for xenforo 1 when i tried searching for it.
BegemotUral Active member Dec 26, 2017 #3 Sidebar left Code: HTML: <xf:if is="$sidebar"> <div class="p-body-sidebar"> <xf:ad position="container_sidebar_above" /> <xf:foreach loop="$sidebar" value="$sidebarHtml"> {$sidebarHtml} </xf:foreach> <xf:ad position="container_sidebar_below" /> </div> </xf:if> Move above code: HTML: <div class="p-body-content"> <xf:ad position="container_content_above" /> <div class="p-body-pageContent">{$content|raw}</div> <xf:ad position="container_content_below" /> </div> In the template app_body.less find: Less: .p-body-main--withSidebar & { padding-right: @xf-sidebarSpacer; } replace: Less: .p-body-main--withSidebar & { padding-left: @xf-sidebarSpacer; } Upvote 0 Downvote
Sidebar left Code: HTML: <xf:if is="$sidebar"> <div class="p-body-sidebar"> <xf:ad position="container_sidebar_above" /> <xf:foreach loop="$sidebar" value="$sidebarHtml"> {$sidebarHtml} </xf:foreach> <xf:ad position="container_sidebar_below" /> </div> </xf:if> Move above code: HTML: <div class="p-body-content"> <xf:ad position="container_content_above" /> <div class="p-body-pageContent">{$content|raw}</div> <xf:ad position="container_content_below" /> </div> In the template app_body.less find: Less: .p-body-main--withSidebar & { padding-right: @xf-sidebarSpacer; } replace: Less: .p-body-main--withSidebar & { padding-left: @xf-sidebarSpacer; }
Pinn Well-known member Nov 13, 2018 #4 Yes, is now unfortunately displayed on the smartphone the sidebar in front of the forums. Not good!! Upvote 0 Downvote