I’d like to create a small gap in between the black header background and the menu area on [this site](I’d like to create a small gap in between the black header background and the menu area on this site. Any thoughts on how to do this?
> How can I get a little bit more black box so it gives the logo a little room.as well as fix the search box to not get cut off?
give it some padding. Think about it this way, if there are two houses, margin is the distance between the two, whereas padding is the thickness of their walls.
The padding is added to the width so make sure you adjust other values accordingly. For instance, if there’s a div of with 100px and a padding of 10px; the total width it occupies = 100 + 10 + 10 = 110px
If you run into complications, let me know. There are several ways to do this. For instance, you could simply give the search box container a right margin(its distance from the wall of its container), instead of giving the main container some padding.