Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: how to change side-nav width, vue

Mbrkzn free asked 4 years ago


Hello! How to change side-nav width?

not-working: .side-nav{ width: 13rem !important; }


Magdalena Dembna staff answered 4 years ago


You can use the following selector to set the anchor tag's width:

<style>
  .side-nav .logo-wrapper a {
    width: 150px;
  }
</style>

Mbrkzn free answered 4 years ago


thanks) please How to set logo image size in side nav?


Magdalena Dembna staff answered 4 years ago


This styling should work, but you have to place in the style tags without the scoped attribute:

<style>
  .side-nav {
    width: 20rem!important;
  }
</style>

Kind regards, Magdalena



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.5.0
  • Device: PC
  • Browser: chrome 82
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No