Spun Theme- CSS Code to expand the width of top menu bar

• 

  matthewseanmclachlan · Member · Jan 5, 2014 at 6:41 pm

  • Copy link
  • Add topic to favorites

  Hi my name is Matt,

  The site I want help with specifically is: http://matthewseanmclaughlin.com

  Currently, my top menu bar wraps to a second line. I understand that on certain devices the theme should automatically collapse to two lines, but would still prefer to expand the width of the menu bar, so that when viewed on a larger screen the menu bar is viewed on only one line.

  Thanks in advance!
  Matt

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

• 

  justpi · Member · Jan 6, 2014 at 1:43 am

  • Copy link

  a) CSS questions should be posted in the CSS forum, not the Support forum.

  b) You can’t expand the width of the menu bar alone. You could save some space by decreasing the left and right padding of each menu label, but again this wouldn’t be enough to make all the labels fit into one line, so the only way would be to make their font-size ridiculously small.
  What you really need to do is lose the “Coming Soon” parts. Are you aware that the label in the menu doesn’t have to be identical to the actual title on the page?

• 

  justpi · Member · Jan 8, 2014 at 4:27 pm

  • Copy link

  Sorry, I just noticed I replied about matthewseanmclachlan.wordpress.com while you asked about http://matthewseanmclaughlin.com.To expand the menu on the Spun blog, add this:

  .main-navigation {
  width: 80%;
  }
  .header-wrapper {
  width: 15%;
  }