[resolved] Menu in Twenty Twelve split dropdown (5 posts)

  1. ppproperty
    Posted 3 years ago #

    Hi I am using twenty twelve them and I have an issue, some of my drop down lists are to long so i would like to split it. Normaly i use
    ul li
    width 50%

    li:hover ul
    width: 450px;
    But i cannot get any of this to work in twenty twelve

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Can you elaborate on what you want the dropdown menu to do?

  3. Mohd Rafie
    Posted 3 years ago #

    Alright got it.

    ul.sub-menu {
        width: 400px;
    ul.sub-menu li {
        float: left;
        margin-right: 0px;

    If that doesn't work, add the !important at the end of each bit.

    End results

  4. ppproperty
    Posted 3 years ago #

    Thats great thankyou very much :)
    I dont suppose you have worked out how to close the space between the main menu items so that I could increase the font size without forcing the menu into two rows.
    I know this is normaly done with paading-left but i just cant make it work.
    Again thankyou Mohd Rafie

  5. Mohd Rafie
    Posted 3 years ago #

    I don't understand.

    Try reducing the width size of the ul.sub-menu, I just choose the one which possible to see.

    Try to either target the ul, li or a

    Since the initial issue has been resolved, kindly close the ticket. You can open a new ticket if you have other WP questions. Cheers!

Topic Closed

This topic has been closed to new replies.

About this Topic