Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

extra space error on only 1 page of Bootstrap bavbar

I have a navbar that is showing a blank space when the navbar is shrinks smaller. There is a space from top to bottom between Home and Contact. Can you help me delete that gap? It doesn’t show on the home or Honura page. Thank you

It only shows on this page:
http://vinylbrothersnh.com/honura.html
This is the sitemap page if you need it:
http://vinylbrothersnh.com/sitemap.xml

<nav class="navbar navbar-custom navbar-expand-lg text-danger"><a class="navbar-brand m-2" href="#">Vinyl Brothers NH</a><button class="navbar-toggler m-2" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbar-custom" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarCollapse"><ul class="navbar-nav mx-auto"><li class="nav-item"><a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a></li>><li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li><li class="nav-item "><a class="nav-link" href="honura.html">HONURA CREW</a></li></ul><ul class="navbar-nav flex-row"><li class="nav-item m-1"><a class="nav-link" href="https://www.facebook.com/groups/786555175173027" target="_blank" data-toggle="tooltip" data-placement="top" title="HONURA CREW Facebook page"><i class="fab fa-facebook-square fa-lg"></i></a></li><li class="nav-item m-1"><a class="nav-link" href="tel:1-603-418-5562" data-toggle="tooltip" data-placement="top" title="Call Us"><i class="fas fa-phone-square fa-lg"></i></a></li></ul></div></nav>

enter image description here

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

>Solution :

enter image description here

You have an extra > symbol that take up a block space, it is hard to see because of its color

try this

<nav class="navbar navbar-custom navbar-expand-lg text-danger"><a class="navbar-brand m-2" href="#">Vinyl Brothers NH</a><button class="navbar-toggler m-2" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbar-custom" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
  <div
    class="collapse navbar-collapse" id="navbarCollapse">
    <ul class="navbar-nav mx-auto">
      <li class="nav-item"><a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a></li>
      <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
      <li class="nav-item "><a class="nav-link" href="honura.html">HONURA CREW</a></li>
    </ul>
    <ul class="navbar-nav flex-row">
      <li class="nav-item m-1"><a class="nav-link" href="https://www.facebook.com/groups/786555175173027" target="_blank" data-toggle="tooltip" data-placement="top" title="HONURA CREW Facebook page"><i class="fab fa-facebook-square fa-lg"></i></a></li>
      <li class="nav-item m-1"><a class="nav-link" href="tel:1-603-418-5562" data-toggle="tooltip" data-placement="top" title="Call Us"><i class="fas fa-phone-square fa-lg"></i></a></li>
    </ul>
    </div>
</nav>
Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading