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: navbar-toggler appears only after scrolling a little

kaz priority asked 2 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 2 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 priority commented 2 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

  • ForumUser: Priority
  • 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