Support » Themes and Templates » CSS issue with padding in header

  • I created a horizontal navigation menu in my header (my site is using the default Kubrick theme) and for some reason I can’t get the boxes to go all the way to the bottom of the header, to meet up against the border. I’ve tried a couple dozen things in the CSS page – changing sizes of padding, fonts, borders, etc.
    Can someone take a look and tell me if I’m missing something totally obvious. I guess I’m just curious where in the CSS file I should make the adjustment. Nothing seems to remove the thin border that “blocks” the boxes.
    Hope this makes sense to someone.
    Thanks for any and all suggestions!!

Viewing 1 replies (of 1 total)
  • The navigation menu is pushed down by the h1 which contains the title. If you change the bottom margin/padding for the h1 tag this will push down the menu further.

    However, the total height of the h1 is kind of variable across browsers. Should you want to let the menu items touch the border below it, it is best to create two divs inside your #headerimg, one containing the title and description and one containing the menu. Height of the div containing the text would be height of #headerimg minus the height of the navigation menu.
    Besides this it could do with a little cleaning up : )

Viewing 1 replies (of 1 total)
  • The topic ‘CSS issue with padding in header’ is closed to new replies.