Widening Menu in Big Brother theme

• 

  dlburbank · Member · Sep 15, 2015 at 10:53 pm

  • Copy link
  • Add topic to favorites

  I’m using the Big Brother theme. I need to make the drop-down menu items wider so that my text doesn’t wrap onto a second line. I used the following CSS to modify the width.

  .sub-menu .menu-item {
  width: 215px;
  }

  This does widen the width of the text so that it doesn’t wrap, but there is still a text box that shows that is the size of the original menu. It seems that there is another property I need to modify. Does any one know what I need to change to get the text box to go away, i.e. to make it the same width as the menu item text?

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

• 

  thesacredpath · Member · Sep 16, 2015 at 1:15 am

  • Copy link

  Hi there, this was an odd one. Add the following to your custom CSS to fix the submenu issue.

  .nav-horizontal li > ul {
      width: inherit;
  }

• 

  dlburbank · Member · Sep 16, 2015 at 1:22 am

  • Copy link

  Hurrah! This worked perfectly. Thank you, thank you! :-)

• 

  thesacredpath · Member · Sep 16, 2015 at 7:12 am

  • Copy link

  Excellent and you are welcome.