Navigation bar and sub menue drop down

[ana]

Hi, does any one know how the sub menues on the navigation bar, size can be changed? and the font size too?

http://www.swiftpropertymaintenance.co.nz

[Davinder Singh Kainth]

1. Open style.css file.

2. Goto Primary Navigation section and look for following code:
#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background-color: #111;
border: 1px solid #444;
border-top-width: 0;
color: #999;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 128px;
}

3. Change font-size from 11px to any size of your choice. You can also modify background color of sub menu here.

Regards
Davinder

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[ana]

Hi Davinder,

thank you so very much. It worked. Can you also please advise how i can make all the word on my dropdown/menue fit in on line?

thanks heaps hope you can help me out with thsi one too..

regards
Anita

[Davinder Singh Kainth]

Welcome, glad it worked. Regarding width, look for following code:

#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background-color: #111;
border: 1px solid #444;
border-top-width: 0;
color: #999;
font-size: 12px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 128px;
}

#nav li li a:hover,
#nav li li a:active {
color: #c62765;
}

#nav li ul {
height: auto;
left: -9999px;
margin: 0 0 0 -1px;
position: absolute;
width: 150px;
z-index: 9999;
}

#nav li ul a {
width: 130px;
}

Width value appear 3 times, change width value by same amount. Keep increasing till you get desired look and text does not fall in next line.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[ana]

Dear Davinda,

You are so great. Thank you very much for your help. I really appriciate it. Are you a Designer? if so give me your email or website so I can keep and call if there is any work. I know a lot of people in NZ looking for websites.

May be you can please help me out with one last thing. ..
you know how the template has a parent theme colour and all the [read more] tabs are set to this parent theme colour on default, if there any way that we can change just the colour of the [read more]?

I really appriciate your help thank you heaps.

kind regards
Anita

[Tony-BV]

Hi Davinder, I am trying to do the same thing widen the category sub menu so it stays on one line on the Lifestyle Child Theme . I changed the width settings but it doesn't seem to be updating on my site. http://www.immunesystemsupport.net. If you could let me know where to change the setting, that would be great. Thanks in advance. Tony

[jodzeee]

Tony, look for

.genesis-nav-menu .sub-menu a {
background-color: #333;
font-size: 12px;
padding: 12px 16px;
position: relative;
width: 175px;

(line 1004 in your style sheet)

and change the width to 289px

[Tony-BV]

Thanks Jodzeee, that works.

Have a great day!
Tony

[Author]

Posts