White space above navigation bar – can I remove the white space?

  • Unknown's avatar
    garysullivan2014 · Member ·

    Hello! There is a giant white space above my navigation bar on this site. Why is it there and how can I remove it? I really just need either the navigation to be below the header or the space above the navigation bar to be gone! many thanks!

    The blog I need help with is: (visible only to logged in users)

  • staff-95percentghost · Staff ·

    Hi! It looks like the giant space is coming from your theme (Exhibit) – the theme information shows the same very large space, as it’s intended to show the site title:
    https://wordpress.com/theme/exhibit/

    I’m actually not too sure why they’re not showing on your site; but they are technically there-but-hidden on your site, so the space looks empty.

    The theme is retired and therefore isn’t receiving updates to keep it compatible with the WordPress software; it might be worth considering updating to a more current theme! Do you know when the site title and tagline stopped showing?

    Just to note, you do also have access to Live Chat support on the Business plan:
    https://en.support.wordpress.com/live-chat/

    If you’d need to send us a message, you can do so from here too:
    https://wordpress.com/help/contact

  • Unknown's avatar
    garysullivan2014 · Member ·

    Hi, so I figured out that the element that is responsible for the white space is in this piece of the stylesheet –

    }

    @media only screen and (max-height: 799px) {
    .home .masthead .branding-menu, .masthead .branding-menu {
    padding: 5.4rem 0;
    }
    }

    If I change the padding value to 0 it removes all of the whitespace perfectly. However, I don’t know which bit of the stylesheet to copy amend and paste into the Custom CSS box in my dashboard for this change to show? Can anyone help me?

  • deancroyal · Staff ·

    Hi there – custom CSS solutions like what you have there are entered into the Additional CSS setting for your retired theme Exhibit. Reach this setting within the left menu in your admin > Appearance > Additional CSS.

    Here’s more on adding custom CSS: https://wordpress.com/support/editing-css/

    And here’s a little more on what we mean when we say “retired theme” (which you may already know): https://wordpress.com/support/themes/retired-themes/

  • Unknown's avatar
    garysullivan2014 · Member ·

    Thanks Dean – yep, I know that’s what the Additional CSS box is used for – hence the question about which bit of the CSS for the Masthead do i put in there to reduce the padding? Do you have a suggestion as to the actual CSS code I would need to input in the Additional CSS box in order to reduce the padding? I’ve put the specific part of the stylesheet in my previous post relating to the Masthead.

    I’m less keen to change theme because that is a large piece of work to completely redesign the site. Juts anyone who has knowledge of what part of the CSS code from that Masthead CSS I would need to input to amend the padding value.

  • staff-95percentghost · Staff ·

    In general we don’t provide CSS changes for retired themes (as mentioned in the guide above), but what you’re doing – changing the padding value to 0 – seems like could do the trick. Basically, just copy all the above CSS you posted, minus that single curly brace right at the top, and paste it into the Additional CSS section. Change the padding to 0, and save.

    It can also be worth checking if the site title settings under Appearance > Customize > Site Identity can help – does it make any difference if you display the site title, vs not displaying it?

  • The topic ‘White space above navigation bar – can I remove the white space?’ is closed to new replies.