Support » Themes and Templates » Moving the top of the menu list down

  • Hello all-

    I am running into a problem whose solution is probably obvious but I can’t see it. I am putting a photo at the top of my left-hand menu bar. I’m making customizations of the Dots theme from Alex King’s website. When the photo was small, this worked fine, but increasing the size of the photo doesn’t result in the top of the bullet lists in the menu bar being pushed down — it seems that they are hardwired to be a certain distance from the top of the menu. You can see the problem in more detail here:

    I can’t find anything in wp-layout.css that regulates the top of the list. Any ideas help would be much appreciated!


    PS I know the photo is crappy at that resolution — it’s just a place holder for a photo I’m going to scan in later. Also, I know the site is cheezy — it’s a wedding website, whaddya want? 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • I *think* I know what you’re saying… I too have a photo at the top of my menu, (, and I used the following:
    #menu {
    background: #E3DBC7 url(../images/3hunterslong.jpg) top center no-repeat;
    width: 230px;
    cursor: crosshair;
    margin: 380px 0px 0px 0px;
    padding: 390px 10px 10px 20px;
    position: absolute;
    right: 10px;
    top: 0;

    That did the trick! For the record, the thing to tweak in this instance is the first attribute after “padding:”. This apparently controls how far from the top of the menu the text begins. Thanks very much!


    For those who don’t know, when using CSS for anything where there is a top, bottom, left & right option, it is ALWAYS
    top right botton left (*hint* clickwise starting at the top)
    padding, border, margin all share this commonality for more info


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Moving the top of the menu list down’ is closed to new replies.