Support » Themes and Templates » [Resolved] Align Header to top of page

[Resolved] Align Header to top of page

  • For some reason, my header has a space above it. The space is filled with the background image, so I know it’s not a browser issue…

    The CSS shows no borders, margins, or anything I can think of. How can I make my header align to the top AND stretch all the way across the page?

    The website is thinkinkutah.com/whyrefill

    Here’s my code:

    <div id="the_box">
    	<div class="box_header">
    		<h1 style="font-size:275%;">Why Refill?</h1>
    	<div class="socialicons">
    		<a href="https://www.facebook.com/pages/Think-Ink/117686411624871"><img width="48" height="48" alt="Think Ink Utah Facebook" src="http://www.thinkinkutah.com/wp-content/uploads/2013/07/facebook.gif"></a>
    		<a href="http://www.youtube.com/channel/UCEzOQf-sVfAFyNHqsYXNiZg?feature=watch"><img width="48" height="48" alt="Think Ink Utah Youtube" src="http://www.thinkinkutah.com/wp-content/uploads/2013/07/youtube_icon1.png"></a>

    and my CSS:

    body {
       background-size:100% 100%;
    #the_box {
      background-color: yellow;
      width: full;
    .box_header {
      font-weight: 600;
      color: #000000;
      background-color: yellow;
      text-align: center;
      margin: auto;
      height: 30px;
    .box_text {
      text-align: left;
    #socialicons {
       float: right;
       align: right;

    I also can’t get my social media icons to jump to the right side of the header, and sit above the quotes below (not al the way to the edge)

Viewing 8 replies - 1 through 8 (of 8 total)
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Align Header to top of page’ is closed to new replies.