How to get rid of extra white space?

  • Hi,

    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: https://thewildfleur.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    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.

    Thread Starter camilleaubrey

    (@camilleaubrey)

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to get rid of extra white space?’ is closed to new replies.