Support » Theme: Twenty Sixteen » Reduce blank space in 2016

  • Hi. I am using 2016 with no modifications. On a full desktop screen there is a 1.5 inch space between the top of the screen and the top of the logo. There is a 1.5 inch space between the bottom of the identity tagline and the top of the page title. It happens on all pages. What can I do to change this space? I’d like to be able to adjust these two areas separately to whatever I need. This would be a single change for all pages. Thanks in advance.

    Jeff

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • You need to change the CSS, this bit:

    @media screen and (min-width: 61.5625em)
    .site-header {
        padding: 5.25em 4.5455%;
    }

    The first number (5.25em) is both the top and bottom spaces you see, the percentage (4.5455%) is the padding of the sides (both left and right).

    So to the request, you want to adjust each separately. you would need to edit your style.css file (maybe on a child theme) at the bottom add:

    @media screen and (min-width: 61.5625em)
    .site-header {
        padding: 50px 4.5455% 40px;
    }

    Where 50px is the top space in pixels and 40px is the bottom.

    Hope that works.

    Oh and this needs another set of brackets so:

    @media screen and (min-width: 61.5625em) {
    .site-header {
        padding: 50px 4.5455% 40px;
    }
    }
    
    Thread Starter jbaird58

    (@jbaird58)

    Thanks for the help. It doesn’t seem to be working. In fact, if I make changes to the style.css file I don’t see them in the page if I view source. I don’t even see the unchanged code. It’s like it isn’t using the same file. Does that make any sense to you?

    Jeff

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce blank space in 2016’ is closed to new replies.