widen drop down menu tabs?

• 

  belleweatherfarm · Member · Mar 24, 2014 at 10:53 am

  • Copy link
  • Add topic to favorites

  Is there a way to widen the width of the drop down tabs on the top menu so that I can use longer titles on them? I’m using Motif theme.

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

• 

  hfzrhmn · Member · Mar 24, 2014 at 11:16 am

  • Copy link

  Hi, thanks for mentioning the theme you’re using! (Otherwise I wouldn’t know since your site is set as private).

  The original CSS that sets the dropdown width is this:

  .main-navigation ul ul a {
  	width: 203px;
  }

  So, in your custom CSS you can use that but add your own number, for example:

  .main-navigation ul ul a {
  	width: 250px; /* Now with 47 more pixels! */
  }

• 

  belleweatherfarm · Member · Mar 24, 2014 at 11:44 am

  • Copy link

  Thank you, thank you!!!! Will try it!!! You’ve made my day, everything was set up to my tastes but I was shortening drop-down tab titles and losing meaning to make them fit the space :)

• 

  hfzrhmn · Member · Mar 24, 2014 at 11:58 am

  • Copy link

  You’re welcome!

• 

  belleweatherfarm · Member · Mar 24, 2014 at 2:23 pm

  • Copy link

  Worked perfectly!!! Hurrah! Sorry about the “private” setting, I’ve got too many connections that will look the minute I make it public. It’s taken me 6 mos to get it to reasonably viewable, and I want it all together before it goes public :)