Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Getting submenu’s to line up with parent

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #46298
    missmiija
    Participant

    My website has a top menu where I have a dropdown menu and the submenu’s are not lined up with the parent category. If you look at my website and do to Designers and click down the different designer names you will see their collections do not line up with their name. Any idea how I can fix this?

    http://www.miijathreads.com

    #142200
    Kitty Giraudel
    Participant

    Looks perfect here. What browser are you trying on?

    #142206
    georgearnall
    Participant

    I see the problem on Chrome 27 on Mac.

    #142208
    georgearnall
    Participant

    If you add `position: relative` to the submenu list items, this puts the sub-submenu items in the right place.

    #142217
    missmiija
    Participant

    Yes, setting the position : relative makes it go all wonky. I tried it in Firebug….

    #142235
    georgearnall
    Participant

    What do you mean by wonky ?
    [http://cl.ly/image/3l3e03282V1d](http://cl.ly/image/3l3e03282V1dhttp://cl.ly/image/3l3e03282V1d”)

    Do you mean you want to push them up a bit more ?
    If this is the case you can change `top: 0px !important` to `top: -20px !important`. So it looks like this [http://cl.ly/image/1Q1w0c1b1M1d](http://cl.ly/image/1Q1w0c1b1M1dhttp://cl.ly/image/1Q1w0c1b1M1d”)

    #142306
    missmiija
    Participant

    Oh my goodness! Ok, that is not how it looked for me! Can you tell me what line you added the position: relative to? I’d appreciate it.

    #142309
    missmiija
    Participant

    This is what I got http://cl.ly/image/1l141w3w1t0u

    #142312
    georgearnall
    Participant

    Line 15 white.css:

    #SideCategoryList li li, #SideCategoryList .sf-menu li li {
    background-image: none;
    position: relative; /* Added position: relative */
    }

    And to get the second alignment, line 2897 styles.css:

    .PageMenu li ul ul {
    display: none;
    border-left: 1px solid #191919 !important;
    left: 249px !important;
    margin-left: 0;
    top: -20px !important; /* Changed to -20px from 0px */
    }

    Hope you sort it out :)

    #142316
    missmiija
    Participant

    Thank you so much!!

Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘CSS’ is closed to new topics and replies.