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 do I move the Hamberger Icon to the right of the NavBar?

trex3648 priority asked 2 years ago


import React, { useState } from 'react'; import { MDBNavbar, MDBContainer, MDBNavbarBrand, MDBNavbarToggler, MDBNavbarItem, MDBNavbarLink, MDBIcon, MDBCollapse } from 'mdb-react-ui-kit';

export default function App() { const [showNavExternal, setShowNavExternal] = useState(false);

return ( <> Collapsed content Toggleable via the navbar brand. setShowNavExternal(!showNavExternal)} > ); }enter link description here


Krzysztof Wilk staff answered 2 years ago


Hi!

You can try to add a .ms-auto className to the MDBNavbarToggler component. If this doesn't solve your problem - could you paste here a full code for your navbar? It will be helpful :)

Keep coding!



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: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 3.0.0
  • Device: Dell
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes