Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
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 10 months 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 10 months ago

here is are two pictures of what I'm trying to do:
picture 1: standard Demo 31


picture 2: with app-sidebar-secondary collapsed


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


user
Canada User 10 months 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!


S
Sean Author10 months 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.
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  :(