Right menu bar cutting off text in posts.

  • These forums have been a great help. This is my first WordPress install, and everything has pretty much gone off without a hitch. Im not much of a coder, so I have been limping along editing the default WordPress template to match an old MovableType design. It’s my cousins blog, and I just want the WordPress setup to look like the old MovableType setup.

    So the problem can be seen at:

    https://www.alexist.com

    It should look somthing like the original at:

    https://net-monkey.dyndns.org/alexis/mt/blogs/alexis/

    I added in that picture in the right menu bar and now the text gets cut off.

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

  • #menu {
    background: #FF9933;
    border-left: 1px dotted #ccc;
    border-top: solid 3px #e0e6e0;
    padding: 20px 0 10px 30px;
    position: absolute;
    right: 20px; <——————–
    top: 100px; <——————
    width: 21em;
    }

    Adjust those two numbers above to jiggle the menu into place.
    Watch the border-top: solid 3px #e0e6e0; to get a good fit.

    Then:

    #content {
    margin: 30px 15em 0 3em;
    padding-right: 60px;
    }
    Adjust the second number there (the 15em) to move the right border.

    Post back if you hit any more issues ??

    Thread Starter jove

    (@jove)

    Awesome, thanks podz.

    I have the same problem.

    my settings are:

    #content {
    margin: 50px 0 0 190px;
    }

    and

    .post{
    margin-right: 120px
    }

    because of the skin layout.

    everything works fine in Firefox. but in IE the post is shifted too far to the right, almost another 100px extra, and the menu covers the posts….

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Right menu bar cutting off text in posts.’ is closed to new replies.