Forums

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

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #264585

    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

    #264586
    JeroenR
    Participant

    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.

    #264594

    Hi thanks this worked also had to set the .navbar to
    .navbar{
    margin-bottom: 0 !important;
    border: 0 !important;
    }
    removig the border.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.