Navbar & toggle ICON position problem

Hey,

I have 2 problems with my navbar actually:

  1. I can’t figure out how to make that my ICON is on the left, but the other 3 buttons are on the right side.
  2. ON SMALLER SCREEN:
    -I’ve done that my toggle icon is already on the right side.
    -the problem is that after I click the toggle icon, my navigation list is on the left side and my icon goes there too…

My link:

Thanks!

  • place ur toggler button after .navbar-header in html
  • add . ml-auto to <ul class="navbar-nav "> to move menu items to the right

extra

  • remove opening body tag
  • move font awesome link to settings css or html (just for readability)
1 Like

Thanks. It works. I mean, I have my 3 nav buttons on the right, and toggle icon on the right too (when screen is smaller).

But the problem is still that on smaller screen, when I click the toggle icon, my navigation menu is on the left (opposite side from the toggle icon). Could you give me any tip with it?

Thanks!

smth like this?
.navbar-item{
text-align:right;
}

1 Like

You’re great! Thank you so much for your tips! :slight_smile:

1 Like