Support » Fixing WordPress » sidebar wrapping at the bottom

Viewing 5 replies - 1 through 5 (of 5 total)
  • This is the problem:

    #main .widget-area ul {
      text-align: center;

    Get rid of that rule, or override it.

    You’ll then need to give all of the list items some left padding or margin, probably.

    Or you could give the list items a width, I guess, to stop them occupying the full width of the page. A width of 15em seems to work quite nicely.





    Forum Moderator

    it is caused by the (non-specified) styles for the css id #fixed;

    besides from generating invalid code, why are you not using the #secondary sidebar area for the same purpose?

    Hi mpuser

    A couple of things to notice. You have divs with an id of “fixed” which you use multiple times. Id’s should be unique and therefore should only be used once.
    Secondly “fixed” doesn’t seem to have any style rules.

    I would change all instances of <div id=”fixed……> to <div class=”fixed”….> and then have a rule in your stylesheet to give .fixed a suitable width.


    thank you all! I will try your suggestions and will let you know.


    GREAT! My problem is now fixed – THANK YOU!

    Peredur: You were right about the #main .widget-area ul {}. I removed it and my problem was solved. After testing more, I realised that the problem was because I had a line “align-text: center” which was centering my last widget with the whole page width. I removed it from #main .widget-area ul {} and it works. yeah!

    Alchymyth and lockettpots: I fixed the problem with the id=”fixed”. I am new using and it took me a while to find out in which file it was used. I still have some errors but I can’t find where. Next I guess for me is to read about this website.

    Thank you again for your prompt response!


Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘sidebar wrapping at the bottom’ is closed to new replies.