Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 28, 2014 at 7:26 pm #215994
    NanaKuo

    Hi guys,

    I’d really prefer my drop-down menu items not to wrap. How can I make the columns wider for the drop-down menu items?

    Thanks

    Nana

    January 29, 2014 at 5:41 pm #216494
    Yigit

    Hey NanaKuo!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .main_menu .menu ul { width: 262px; }

    Cheers!
    Yigit

    January 31, 2014 at 5:23 am #217278
    NanaKuo

    This works great!

    … Is there a way to control it for each column?

    Thanks!

    Nana

    January 31, 2014 at 5:51 pm #217553
    Yigit

    Hi!

    You can customize the code a bit and add menu item ID as following

    .main_menu .menu li#menu-item-2293 ul { width: 350px; }

    You should click on parent menu item on Chrome or Firefox and click Inspect elements to find out its menu item ID

    Regards,
    Yigit

    January 31, 2014 at 6:29 pm #217576
    NanaKuo

    Thank you again! Works perfectly.

    Nana

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘how to make list menu columns wider?’ is closed to new replies.