Agency Pro Menu Width

[futurewebboss]

I'm using the Agency Pro (which I love) but need to widen the menu area to accomodate a couple of additional items without causing them to wrap to a 2nd line. Want them all on one line.

http://192.185.91.103/~kahboss

[Smarty]

If you inspect using FIrebug, you'll see that your .title-area (around line 878 of styles.css) is width: 300px and the menu (around line 949) is as below;

.site-header .widget-area {
float: right;
text-align: right;
width: 800px;
}

You'll need to change the width on either or both to suit your needs, this may include reducing the site title image (currently 300px wide), I don't think you will increase the above to much more than 840px.

Hope that helps.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[eamonmoriarty]

Another alternative is:

At about Line 986 of your stylesheet you have:

.genesis-nav-menu a
{
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: transparent;
  color: #ffffff;
  display: block;
  padding-top: 1.8rem;
  padding-right: 1.6rem;
  padding-bottom: 2rem;
  padding-left: 1.6rem;
  position: relative;
}

You can gain more space by reducing the padding-left and padding-right values.

You could also use a narrower font instead of the one set here:

.genesis-nav-menu {
	clear: both;
	color: #fff;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	width: 100%;
}

---

Eamon Moriarty
EM Dzine

[Author]

Posts