[Bug] navbar fixed-top does not readjust horizontally on sidebar collapse

[Salahudeen]

Version

material-dashboard-pro-angular-v2.4.1

Reproduction link

http://na

Operating System

Win10

Device

iMac using bootcamp

Browser & Version

Chrome Version 81.0.4044.92 (Official Build) (64-bit)

Steps to reproduce

Navigate to navbar.component.html add fixed-top to class list. Final class list as shown below:

class="navbar fixed-top navbar-expand-lg navbar-transparent navbar-absolute"

What is expected?

Navbar to be fixed on top
On side bar collapse, Navbar should be resposive

What is actually happening?

Navbar is fixed on top
But, on side bar collapse, Navbar is hanging frozen and does not resize horizontally.

---

Solution

Additional comments

[JoseRFJuniorLLMs]

bug

[rarestoma]

Hi @Salahudeen,

Thank you for working with our products and sorry for the late response.

Please add this CSS style for the fixed-top navbar:

.sidebar-mini .navbar.fixed-top {
width: calc(100% - 80px);
}

Please let me know if it works.

Thank you,
Rares