Widening Agency top nav menu

[shawn54]

How do I widen the Agency navigation menu to accommodate a new page?  The help on this from Antiac on Feb. 4 worked great:

anitac wrote:

Look for this in your Style.css file and change 600 to about 605.

#header .widget-area {
float: right;
padding: 40px 0 0;
width: 600px;
}

I need to widen the menu further and when I type in any value over 610 the menu drops down into the headline area. It's currently set at 610 but that's not wide enough.

http://network1.stroudassociates.com/

Thanks.

[AnitaC]

You would need to make your logo smaller, however you can change the font size from 14 to 13 and it will fit nicely. Look for this:

.menu-primary li a, .menu-secondary li a, #header .menu li a {
color: #999999;
display: block;
font-size: 14px;
padding: 6px 15px 4px;
position: relative;
text-decoration: none;
}

---

Need help with customization or troubleshooting? Reach out to me.

[shawn54]

Antiac,

Thanks for responding. I reduced logo size and font to 13px but menu still is on two lines. Logo can't go any smaller nor can the text or it'll become hard to read. There appears to be a good deal of space between the right edge of the logo and the beginning of the nav menu. Is there any way to close this space up?

Thanks.

http://network1.stroudassociates.com/

[AnitaC]

When I looked at your logo, I made the assumption that it was about 300px wide when in fact it is a full width banner logo. Change 610 to 630px

#header .widget-area {
float: right;
padding: 40px 0 0;
width: 610px;
}

Not sure what's happening because when I wrote to change the font to 13, it worked perfectly on my end.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

You changed that header widget area from what I told you the first time.

---

Need help with customization or troubleshooting? Reach out to me.

[shawn54]

When I change width to 630 the menu ends up in the blue background area:

http://network1.stroudassociates.com/

[AnitaC]

Look for this: change 350 to 300.

.header-image #title-area, .header-image #title, .header-image #title a {
display: block;
float: left;
height: 115px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 350px;
}

---

Need help with customization or troubleshooting? Reach out to me.

[shawn54]

Do I change the #header  .widget-area width back to 610px or leave at 630 before making this change?

[shawn54]

I made the change, menu is still on two lines.

http://network1.stroudassociates.com/

[AnitaC]

It's on one line on my screen. What browser are you using? Is your screen resolution set to 100%?

---

Need help with customization or troubleshooting? Reach out to me.

[shawn54]

I'm viewing it on Chrome and Firefox (on a Mac), both are at 100% and both show menu on two lines.  "Contact" is on the second line by itself.

[AnitaC]

I have a syntax error identified as being the rotator now. I cannot see the site.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

I have Firefox v. 18.0.2 and the latest version of Chrome - it looks right in both browsers. With IE 9.0.8, it's on the second line, but if I click Compatibility Mode - it appears all on one line.

---

Need help with customization or troubleshooting? Reach out to me.

[shawn54]

I have latest versions of both browsers but apparently it doesn't display properly because I'm on a Mac. It looks fine on a pc. I find it troubling that a theme can't display properly regardless of the operating system used.

[Author]

Posts