I think I would also help me if I could minimize the space between the menu-points (I’m using twitter booutstrap buttons)
My page is: http://immanuelinternationalev.comlu.com/
I can’t see how you’ll drive the @media statements by number of menu items. Is there likely to be a flexible number of items after the site is complete? If not, then you’ll need to design around what you have. Maybe change your menu structure to reduce the number of options (don’t speak German so can’t judge that).
You can change the padding between menu items with:
.navbar .nav > li > a {
padding: 5px 10px;
}
changing 10px to best fit.
Great Thanks!!
..but the arrows of the sub-menu are now inside the text :/
.navbar .nav .dropdown-toggle .caret {
margin-left: -20px;
margin-top: 4px;
}
You’ve still got a -50px in the dropdown menu somewhere.
I fixed that with the -50px and now it’s all fine except for one more things about the arrows. It’s difficult to explain this… If you click on the arrow it has a gray background which is now ontop of the text.. I think there should be a margin between the arrow and the text
Thanks 🙂
