Title: submenu modification
Last modified: August 22, 2016

---

# submenu modification

 *  [Tvix](https://wordpress.org/support/users/tvix/)
 * (@tvix)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwelve/4.8/screenshot.png)
 * Twenty Twelve
 * [Support Threads](https://wordpress.org/support/theme/twentytwelve/)
 * [Active Topics](https://wordpress.org/support/theme/twentytwelve/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentytwelve/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentytwelve/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [Tvix](https://wordpress.org/support/users/tvix/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/submenu-modification/)
 * Status: not resolved