Base solution for your next web application
Open Closed

Menu default setting #4819


User avatar
0
ramezani583 created

Hi, How to set the main menu to be closed by default?


10 Answer(s)
  • User Avatar
    0
    aaron created
    Support Team
  • User Avatar
    0
    ramezani583 created

    It seems to me that I did not say the right thing. I want the default menu to like this: (in attached file).

  • User Avatar
    0
    alper created
    Support Team

    Hi,

    Solved what you want! Angular collapsed menu by default [attachment=0:2ozx828i]angular-collapsed-menu.jpg[/attachment:2ozx828i]

  • User Avatar
    0
    abdourahmani created

    Thank you very helpful.

    And how can I make the side bar wider ? I have long menu description and they are all folded.

    Regards, Abdourahmani

  • User Avatar
    0
    alper created
    Support Team

    Add this to the layout.less file. That's it!

    .m-aside-left{
       width: 500px
    }
    

  • User Avatar
    0
    abdourahmani created

    Thanks !

  • User Avatar
    0
    abdourahmani created

    Hi ! When I set it to size greater than 250px (like in the code below) the menu covers the work space (see picture 1)

    .m-aside-left{
       width: 300px
    }
    

    [attachment=0:g6z52tw0]nav menu crops.jpg[/attachment:g6z52tw0]

    And what about the dropdown menu (when the sidebar is minimized) ? How can it ajust it too?

    Best regards, Abdourahmani

  • User Avatar
    0
    alper created
    Support Team

    you need to add it to the less file and after that refresh the page. if you add the css on the fly with chrome dev tools it'll not work

  • User Avatar
    0
    abdourahmani created

    I added it to : angular\src\app\shared\layout\layout.less

    Isn't it correct ?

    Regards, Abdourahmani

  • User Avatar
    0
    alper created
    Support Team

    Hi,

    I double checked and did it without any issues. just adding *.less file and refreshing page shows the below screen. If your problem continues please open an issue on GitHub. Plus you can ask it on Metronic forum <a class="postlink" href="https://keenthemes.com/forums/forum/support/metronic5/">https://keenthemes.com/forums/forum/support/metronic5/</a>

    [attachment=0:2poqi9zn]left-menu-big.jpg[/attachment:2poqi9zn]

    PS: When you want to ask another question, please create a new topic to help others.