reducing space between page content and menu

  • Author
    Posts
  • #1484924

    raab20000
    Member

    Hi there,
    Hope someone can help as I’m a novice.

    I wanted to stop the title of the page appearing on the actual content section below the menu bar. I realise I could delete this but then there’s a big gap between the menu and text. I wanted to close the gap in any case. Could someone help?

    Much appreciated

    The blog I need help with is roblewis.co.

    #1485033

    Hi there, the following CSS will hide the titles on static pages. Go to Appearance > Customize > CSS, clear the informational text and paste the following into the CSS window. If you are happy with the change, click save down on the right.

    .singular.page .entry-header {
    display: none;
    }

    If you wish to move the content up closer to the header, add the following also, and adjust the 3.5em top padding value as desired. If you take it to 0, use 0 only, no units (em).

    .singular.page .hentry {
    padding-top: 3.5em;
    }

    If that isn’t close enough, add the following and adjust the top padding there.

    .singular.page #main {
    padding-top: 1.625em;
    }
    #1485037

    raab20000
    Member

    thank you so much, absolute hero

    #1485061

    You are most welcome.

The topic ‘reducing space between page content and menu’ is closed to new replies.