How can I expand the wide of menu options

• 

  fredrikstrietz · Member · Jul 7, 2014 at 6:17 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,

  I have a question that is not easy to describe:

  I want to expand the wide of the menu options so that I can enter longer text without “automatic word wrapping”.

  An example: I have the menu option “Contact”. An option inside this menu is “How to contact me”. But this option has automatic word wrapping, so that you see “How to”<return>”contact me”.

  It will NOT help to make the main menu “Contact” wider by renaming it like “Information and Contact”.

  >> To see the screenshot go to:
  http://strietz.de/uber-uns/support/

  Enter “support” as password

  Thanks in advance!

  The blog I need help with is strietz.de.

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

• 

  thesacredpath · Member · Jul 7, 2014 at 9:10 pm

  • Copy link

  Hi there, you can increase the width of the submenus by adjusting the min-width value in the following CSS.

  .ot-menu ul li {
  min-width: 180px;
  }

• 

  fredrikstrietz · Member · Jul 8, 2014 at 5:30 am

  • Copy link

  Hi, thanks. Your hint did really help me to increase the width, but (even if the width of the submenu is really wide enough) there is still an automatic word wrapping like before.

  Please see the screenshot: http://strietz.de/uber-uns/support/
  (Enter “support” as password)

  Thanks for your help in advance!

• 

  thesacredpath · Member · Jul 8, 2014 at 7:42 pm

  • Copy link

  Oh they were tricky. They also limited the width of the text in the submenu. In addition to the above, add the following and then make the width value 20px less than the min-width you use in the above.

  .ot-menu li li a, .ot-menu li li a:visited {
  width: 160px;
  }

• 

  fredrikstrietz · Member · Jul 9, 2014 at 5:30 am

  • Copy link

  Hi. Thanks for your fast help! It works great.
  Nice to have such a good support!

• 

  thesacredpath · Member · Jul 9, 2014 at 1:53 pm

  • Copy link

  You are welcome and thanks.