How to override the existing side menu and layout desig with LeptonX #6825

3 Answer(s)

• 

  0

  Anjali_Musmade created 2 years ago

  Support Team Member

  Hello ,

  You can add following code in styles.scss file.

  div.lpx-brand-logo{
    background-size: auto 34px;
    background-position: right 0px;
    height:36px;
  }
  
  .lpx-sidebar .lpx-logo-container .menu-collapse-icon {
    right:230px;
  }
  

  It will result like this

  Thank you.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Sraman created 2 years ago

  Hi, I want to achieve the same functionality similar to https://easycrm.abp.io/.

  On collapse wanted to show the Text left icon similar to the below screenshot

  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Anjali_Musmade created 2 years ago

  Support Team Member

  Hello,

  To achive this you have to customize Navbar Componenet as per you requirement for that you can refer https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular-customization#navbar-component.

  Also check this similar issue if it helps you https://support.abp.io/QA/Questions/4358/Creating-new-layout-and-use-lepton-x--components-in-it.

  Thank you.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel