navbar-toggler appears only after scrolling a little


Topic: navbar-toggler appears only after scrolling a little

kaz pro premium priority asked 3 years ago

Hi

I hope you are well.

Expected behavior The navbar toggler button (fa-bars) should appear for all mobile views when you are at the top of the page.

Actual behavior The navbar toggler button (only appears on mobile views when you are at the top of the page.

Resources (screenshots, code snippets etc.) Please see the following snippet - when you view it using a mobile preview the navbar toggler button doesn't appear when you are at the top of the page - it only appears if you scroll down a little.

https://mdbootstrap.com/snippets/standard/kazosman/3921820

I look forward to hearing back.

Thanks Kaz


Dawid Wajszczuk staff answered 3 years ago

Hi,

You need to add this CSS to your project

.navbar-scroll .fa-bars {
    color: #4f4f4f;
}

Here is the snippet https://mdbootstrap.com/snippets/standard/d-wajszczuk/3928319.

Keep coding,
Dawid


kaz pro premium priority commented 3 years ago

Hi Dawid,

Thank you.

Kind Regards Kaz


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.0.0
  • Device: Laptop
  • Browser: Firefox 101.0b2
  • OS: Ubuntu 20.04
  • Provided sample code: No
  • Provided link: Yes