Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$
Light
Dark
System
Ask  Question

Demo31 - Collapse/Remove app-sidebar-secondary


Hello -

I LOVE Demo31 and have been working with it. There are times though I have no links/material to put in the app-sidebar-secondary.

What I would love to do for those sections is to collapse/remove the app-sidebar-secondary, which would allow the main section to take that space as well, bordering the primary sidebar.

I've tried to hide it, but the space the app-sidebar-secondary takes remains.
Is there a way to remove/collapse the app-sidebar-secondary?

My apologies if I haven't explained this clearly. I can try to explain further with additional questions!

Thank you!


user
Canada User 1 year ago
HTML
3 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Canada User 1 year ago

Nevermind!
Solved it!

1.
Set in the body tag (it's defaulted to true):
kt-app-sidebar-secondary-enabled="false"

2.
Remove the 

<div class="app-sidebar-secondary">...</div>
to prevent the horozontal line from showing on the page

Whoot! Got it!


user
Sean Author1 year ago

Hi happy,

Great! Glad to hear that. If you need any further help please do let us know.

All the best with your project!

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
user
Canada User 1 year ago

here is are two pictures of what I'm trying to do:
picture 1: standard Demo 31
<img src="https://lopedia.com/_temp/Demo31-standard-01.png" />

picture 2: with app-sidebar-secondary collapsed
<img src="https://lopedia.com/_temp/Demo31-collapsed-01.png" />

Picture 2 is what I am attempting to create.
Thank you for any assistance you can provide!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(