Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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 3 years ago
HTML
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Canada User 3 years ago

Nevermind! Solved it!

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

Remove the 

...
to prevent the horozontal line from showing on the page

Whoot! Got it!

user
Sean Author 3 years 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 3 years ago

here is are two pictures of what I'm trying to do:
picture 1: standard Demo 31
<img src=" />

picture 2: with app-sidebar-secondary collapsed
<img src=" />

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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(