Community Forums › Forums › Archived Forums › Design Tips and Tricks › Navigation bar and sub menue drop down
- This topic has 7 replies, 4 voices, and was last updated 9 years, 9 months ago by Tony-BV.
-
AuthorPosts
-
November 25, 2013 at 5:04 pm #75591anaMember
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.nzNovember 28, 2013 at 8:57 pm #76108Davinder Singh KainthMember1. 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 ThemesNovember 30, 2013 at 12:47 am #76254anaMemberHi 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
AnitaNovember 30, 2013 at 9:13 pm #76359Davinder Singh KainthMemberWelcome, 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 ThemesDecember 1, 2013 at 11:23 am #76450anaMemberDear 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
AnitaMarch 9, 2014 at 3:10 pm #94089Tony-BVParticipantHi 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
June 5, 2014 at 6:59 pm #108259jodzeeeMemberTony, 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
June 5, 2014 at 7:27 pm #108263Tony-BVParticipantThanks Jodzeee, that works.
Have a great day!
Tony -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.