Excessive spacing between menu and body

  • Resolved chipsales

    (@chipsales)


    8 years, 10 months ago

    Hi – my website is: beckmanwp.org

    I am using the Twenty Eleven theme, having just switched from the Twenty Twelve theme. With both themes, there has been an excessive space between the menu and the main body; as you can see the spacing is minimized between the menu and right sidebar. I have been trying to figure out why the body spacing is excessive in the body.

    I have looked at all the settings in the theme and cannot figure this one out.

    Thanks for your support, I sure can use it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Jazz Daniel

    (@jazzdan)

    8 years, 10 months ago

    Hello, Chip.

    I’ve checked yours page html’s code and discovered that some of the blank space is reserved for the article title, that you are not using on your index page.

    That’s the reason the space is smaller on your sub-pages, where you used a title for your ‘articles’ (Coaches, Calendar, etc).

    If you remove the <h1>….</h1> line of your index html code your “Getting Ready…” title will go a little up.

    <article id="post-637" class="post-637 page type-page status-publish hentry">
	<header class="entry-header">
		<h1 class="entry-title"></h1> <!--remove this line-->
	</header><!-- .entry-header -->

    Although it helps, I still find there’s more space than needed between the menu and the body. I`m checking the css margins, paddings, etc trying to find out how to fix it.

    Hope it helps! Let me know if you have any doubts.

    Thread Starter chipsales

    (@chipsales)

    8 years, 10 months ago

    Yes, that made sense and it worked! Although I’ve lost the ability to use page titles I can still manually add them where I want to.

    But you are correct in that there is still excess spacing and if you have any ideas what to try next that would be helpful!

    Chip

    MarkRH

    (@markrh)

    8 years, 10 months ago

    In the theme’s style.css, try adding the following override:

    .entry-content {
	padding: 0 0 0;
}

    That should remove a fair amount off the top.

    Make sure you are doing your modifications to a child theme of TwentyEleven so you don’t loose them if the theme is updated.

    • This reply was modified 8 years, 10 months ago by MarkRH.
    Thread Starter chipsales

    (@chipsales)

    8 years, 10 months ago

    Thanks Mark! That did the trick. I added the override to the custom .css in the theme so that it will override updates down the road.

    Chris

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

The topic ‘Excessive spacing between menu and body’ is closed to new replies.