changing width of menu item

• 

  omaradnan2 · Member · Aug 11, 2013 at 2:23 am

  • Copy link
  • Add topic to favorites

  Hi guys

  I would like to change the width of some menu items on the blog – if you click on the site, and mouse over ‘posts’ then level II you will find that some items (i.e. corporate finance – level II) extends to more than one line (over two lines). I would like to change the width so that it would be displayed under one line. Is that possible?

  Thanks

  Omar

  The blog I need help with is: (visible only to logged in users)

• 

  omaradnan2 · Member · Aug 11, 2013 at 2:24 am

  • Copy link

  The blog: http://www.cfatutor.me

• 

  omaradnan2 · Member · Aug 12, 2013 at 7:15 am

  • Copy link

  up

• 

  omaradnan2 · Member · Aug 14, 2013 at 12:28 pm

  • Copy link

  I would appreciate any help here :)

• 

  designsimply · Member · Aug 19, 2013 at 2:42 pm

  • Copy link

  To make the third level of dropdown menus in the Academica theme wider, I would start by updating the width for the list at that level and then make the list items and links in them 100% width so they always work right when you change the first hard-coded width. Here is an example to get you started:

  #main-nav ul ul ul {
  	width: 180px;
  }
  
  #main-nav ul ul ul li,
  #main-nav ul ul ul li a {
  	width: 100%;
  }

  Add that to your Appearance > Customize > CSS panel and adjust the 180px value as needed.