Support » Theme: Twenty Twelve » submenu modification

  • I have a lot of sub menu items (10) and i want them to remain in vertical order, but to be split in two columns (5+5) sitting next to each other.
    A way to do that is to make bigger:
    .main-navigation ul li:hover > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation .focus > ul {
    width:….;}
    When this become big enough so two sub menu fields (.main-navigation li ul li a) can fit into it horizontally I get what I want.

    But there is a problem!

    Submanu field have some strange margin or whatever on the right side (I cannot identify with inspect tools what is it) so when second column is floating next to first, there is ugly around 50px space in between.

    What I talk about can be easy seen when you inspect submanu and move a cursor just a little bit on the right, you can will see that there is a extra space in .main-navigation ul li ul that is not filled with .main-navigation ul li ul li

    My question is how to kill that space and make two submanu columns floting next to each other??

  • The topic ‘submenu modification’ is closed to new replies.