How to get rid of extra white space? (4 posts)

  1. camilleaubrey
    Posted 3 years ago #


    I'm using a Twenty Ten child theme. I can't figure out how to get rid of the extra white space on the right side of my site. It appears that the width of the page is too wide, and I would like to reduce the white space on the right to the same width of white space that is on the left. How can I do this? Please help!

    Many thanks.

    Blog URL: http://thewildfleur.com

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    I can't see what you mean, I'm using Chrome 21.0 on Windows.
    Which browser are you using?

  3. Nobita
    Posted 3 years ago #

    You need to take care of the widths of your divs.

    For example I see you have a 'wrapper' which is 1040px while the div 'menu-header' is 1340px. This causes the trouble in the first place.

    As a rule of thumb the 'wrapper' gives you the max width of your content, and even if you can have something bleeding out of it at times, I would say that the most important parts of your site should never exceed this space.

    Try deleting the width property of the <div class="menu-header"> and you will see no extra white space on the right and the content centered on the page as the menu will take 100% width of the wrapper.

    When everything is contained inside the wrapper then you can style everything properly.

  4. camilleaubrey
    Posted 3 years ago #

    Hi Gleezer,

    Thanks for your response. I tested what you suggested in Firebug. Deleting the menu-header width does eliminate the white space to the right, but in doing so, it messes up the alignment of the horizontal menu items so the last item ("inspiration") is forced to be positioned on a second line. Could you please advise me how to modify this so that all the menu items are on one line again?

    Many thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic