Vertical Padding around Menu, Header & Logo Pics

  • Hi all,
    I’m a newbie and love the capability of Rebalance. I’m trying to close down all the verticle padding so people’s eyes can start reading the posts earlier (and tighter down the page).

    I have a new site I have not published, but have noted padding between the Menu, Header & Logo Pics. If I can just solve the menu padding alone – I would be happy.

    Also, the posts have a top border and bottom padding to them which also could be closed down, to make the home page read tighter.

    Anyway to close all the verticle gaps?

    Any CSS to help do this? Thank you! Thomas

    fyi, I have extended my menu across the top using the code in another post. I tried putting a negative pad value too to the bottom (original has 0), but this did not work:

    @media screen and (min-width: 800px) {
    .main-navigation {
    float: left;
    width: auto !important;
    }

    .main-navigation ul.nav-menu {
    width: auto !important;
    }

    .main-navigation ul li {
    display: inline-block !important;
    width: auto;
    }

    .main-navigation .menu-menu-container > ul:not(.nav-menu) {
    width: 0;
    }

    .main-navigation .astm-search-menu a {
    padding-top: 0px;
    }
    }

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi there,

    What is the URL of your site so we can take a closer look? Thanks for the additional info!

    Thread Starter thomasusa

    (@thomasusa)

    Hello,
    Please see the mock-up https://studentmentalhealthfund.wordpress.com/

    I want to close down the vertical white spaces as tightly as possible above and below the menu..any way possible so the content will be seen sooner and read better. I can use the header for the logo. Thank you!

    Hello there,

    Many thanks for providing that extra information.

    You might want to try the following CSS to remove the padding that you describe: 

    
/* Remove padding between header border and border */

.has-custom-header .site-heading {
    padding-top: 0px;
}

.site-heading {
    padding: 0 0;
}

/* Reduce padding between menu and header and between menu and content */

.main-navigation {
    margin: 10px 0;
    }

    I hope this helps!

    Thread Starter thomasusa

    (@thomasusa)

    Thank you so much! It looks great! However, How can we now split half the distance and nudge the content closer to the menu? Thanks again

    Hi there,

    For more help with this, please contact WordPress.com support at https://wordpress.com/help/contact, where you have access to 24/7 live chat and email support.

    This forum provides support for the self-hosted version of this theme, for people who downloaded it from the www.ads-software.com theme directory.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Vertical Padding around Menu, Header & Logo Pics’ is closed to new replies.

Tags