How do I move the Hamberger Icon to the right of the NavBar?


Topic: How do I move the Hamberger Icon to the right of the NavBar?

trex3648 pro premium 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
  • User: Pro
  • 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
Tags