How can I add a toggler button to this navbar?


Topic: How can I add a toggler button to this navbar?

BradleyByerly04 pro premium priority asked 10 months ago

I'm trying to set up a website where the first bit is a full page video so I was going to use the demo one that was made to demonstrate what it was, but when the page gets resized to a phones size there is no toggler and no way to access the navbar, I've tried just pasting a toggler from another navbar hoping maybe that would work but it didn't. What can I do to get the toggler to appear?

Here's the demo I'm using Snippet


Kamila Pieńkowska staff answered 10 months ago

It was delibetare that there was no collapse in this example.

You can remove .d-none .d-lg-block classes from .navbar but then you will have to take care of styling collapse that without it would be white. Navbar is translucent and have colorful background because of negative margin on next paragraph.


BradleyByerly04 pro premium priority commented 10 months ago

What would you recommend doing to accomplish this?


Kamila Pieńkowska staff commented 10 months ago

It is design choise so it should much your project.

Easiest way would be to set solid background for the navbar below set width: https://mdbootstrap.com/snippets/standard/kpienkowska/5933017


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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.1.0
  • Device: PC
  • Browser: Opera GX 104.0.4944.80
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes
Tags