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


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.


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



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