This might help you This is one of the minor CSS problems that plagues me constantly! I'm trying to align navigation elements in my navbar, which contain some images and text, I tried this part of code but it's not working properly :
<a href="#" class="nav-link nav-link--menu">
// add these to align your menu link correctly:
wish of those help Try to use float: right; on both .nav and .navbar. For additional adjusting on a vertical basis, you can use clear: both; on .nav. If it still does nothing, add !important at the end of the float statement. A Simple CSS solution for your problem!
navbar text elements not vertically aligned (CSS/Bootstrap)
I think the issue was by ths following , There are a few issues. Bootstrap adds 10px bottom margin to ul. You can remove that bottom margin and use line-height to vertically align li inside ul See this code snippet:
fixed the issue. Will look into that further I'm running a site navrcholu.cz on latest wordpress and bootstrap. However my navbar is not displayed correctly expecially on tablets. It should be always like 30px from the top of the page. On desktop PC with FF or Chrome looks OK. Here is navbar code: , Based on your question, I'd modify the CSS like this:
Bootstrap collapsed navbar - I want menu to be aligned to left but it is aligned to right