It’s likely that the nav bar is created with Wayfinder so the CSS file should be under the /wayfinder directory.
For Revolution:
assets/components/wayfinder/
For Evolution(IIRC):
assets/snippets/wayfinder/
-
☆ A M B ☆
- 24,524 Posts
Looks like it’s in the "/assets/templates/knoxbiz/css/main.css" file. If you do a view source of the page, there’s only the three .css files loaded, so it has to be in one of those (unless one of them uses @ to load another file). Another possibility is that if it’s a Javascript-managed menu that the styling could be done in the Javascript, although that’s not a proper way to handle it; javascript styling should be handled in the code by changing the classname of the element to be styled and the styling itself done in a .css file.
#nav-wrapper{
background: url("../images/knoxbus_navbar.png");
width:1000px;
height:60px;
}
ul#nav{margin:0px 0px 0px 36px;}
ul#nav li
{
display: inline-block;
list-style-type: none;
width:auto;
margin-top:11px;
padding-right:20px;
}
ul#nav li a
{
color:#fff;
font-size:22px;
padding:0px 5px;
text-transform:uppercase;
text-align:center;
}
ul#nav li a.bolder {
font-size:21px;
margin-top:0px;
text-align:center;
}
ul#nav li ul li{
width:200px;
margin-top:0px;
}
ul#nav li ul li a{
border-top: 1px dotted #fff;
font-size:18px;
padding:5px 5px 5px 10px;
text-transform:capitalize;
text-align:left;
}
ul#nav li ul li a.bolder{
margin-top:0px;
font-size:18px;
text-align:left;
}
.menu {position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:auto; height:auto; color:#fff; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;padding-top:14px;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#00CDFF; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#00CDFF; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#00CDFF; color:#000;}
.menu ul li:hover ul li a:hover {background:#555; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
Thanks, BobRay and sottwell -
BobRay - I looked in the wayfinder files, and it isn’t there; none of the CSS files had been modified since the time it was loaded onto my site - most months or even years before. I looked anyway, but it isn’t there.
Sottwell - I thought it should be in one of the 3 CSS files, too, but it isn’t. I’ll have to check out the javascript files to see if it’s in there.
I’ll let you know if that works. In the mean time, I’m open to other suggestions!
Thanks,
Mac
