Community Forums › Forums › Archived Forums › Design Tips and Tricks › Widening Agency top nav menu
- This topic has 13 replies, 2 voices, and was last updated 11 years, 1 month ago by shawn54.
-
AuthorPosts
-
February 10, 2013 at 9:05 am #19364shawn54Member
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.
February 10, 2013 at 9:11 am #19370AnitaKeymasterYou 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;
}
Love coffee, chocolate and my Bella!
February 10, 2013 at 9:44 am #19372shawn54MemberAntiac,
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.
February 10, 2013 at 10:02 am #19373AnitaKeymasterWhen 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.
Love coffee, chocolate and my Bella!
February 10, 2013 at 10:02 am #19374AnitaKeymasterYou changed that header widget area from what I told you the first time.
Love coffee, chocolate and my Bella!
February 10, 2013 at 10:06 am #19375shawn54MemberWhen I change width to 630 the menu ends up in the blue background area:
February 10, 2013 at 10:23 am #19379AnitaKeymasterLook 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;
}
Love coffee, chocolate and my Bella!
February 10, 2013 at 10:30 am #19380shawn54MemberDo I change the #header .widget-area width back to 610px or leave at 630 before making this change?
February 10, 2013 at 10:37 am #19381shawn54MemberI made the change, menu is still on two lines.
February 10, 2013 at 10:43 am #19382AnitaKeymasterIt's on one line on my screen. What browser are you using? Is your screen resolution set to 100%?
Love coffee, chocolate and my Bella!
February 10, 2013 at 10:49 am #19383shawn54MemberI'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.
February 10, 2013 at 10:57 am #19386AnitaKeymasterI have a syntax error identified as being the rotator now. I cannot see the site.
Love coffee, chocolate and my Bella!
February 10, 2013 at 11:03 am #19387AnitaKeymasterI 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.
Love coffee, chocolate and my Bella!
February 10, 2013 at 11:55 am #19393shawn54MemberI 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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.