The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Removing gap between Navbar and Header tags
I am trying to remove a gap between a navbar in a “nav” tag and a “header” tag. With the navbar I am using bootstrap using class “col-lg-3” for each “li” I removed the margin0bottom from the nav and didnt seem to remove this gap.
https://codepen.io/adrianmcg85/pen/BJpMmg
The gap you see, is because of the top-margin of the h1 in the header. So you can set the top margin of that h1 to 0 to remove the gap.
Hi thanks this worked also had to set the .navbar to .navbar{ margin-bottom: 0 !important; border: 0 !important; } removig the border.