Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
What have StudioPress said about this?
No reply as of now. I was wondering if there was someone here that could help as this community is a bit larger.
Here is the CSS code of the navigation menu in question
#nav {
background-color: #282828;
clear: both;
overflow: hidden;
}
#nav .wrap {
color: #999;
margin: 0 auto;
text-transform: uppercase;
width: 960px;
}
#nav ul {
float: left;
width: 100%;
}
#nav li {
float: left;
list-style-type: none;
border-right: 1px solid white;
}
#nav li a {
color: #999;
display: block;
font-size: 12px;
padding: 7px 15px 6px;
position: relative;
text-decoration: none;
}
#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item a {
color: #FFF;
text-decoration:underline;
}
#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background-color: #1F3D59;
border: 1px solid #444;
border-top-width: 0;
color: #999;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 128px;
}
#nav li li a:hover,
#nav li li a:active {
color: #FFF;
}
#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;
}
#nav li ul ul {
margin: -33px 0 0 149px;
}
#nav li:hover>ul,
#nav li.sfHover ul {
left: auto;
}
Unfortunately CSS code alone is quite useless – we’d need to see the actual site live to help with this kind of thing.
@wpyogi,
See the screenshot. This is being developed on a local website.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Familiarise yourself with Firebug.
We use Firebug and/or other browser developer tools to debug aesthetic issues.
Firebug and/or other browser developer tools can only be used on websites and not images of websites.
I’d need to use a browser tool like Firebug for this kind of problem – that’s not possible on a screenshot. Are you not doing that?
Also be sure you don’t have any mark-up or CSS errors that might be problematic.
You might also find better CSS help on a CSS forum like
http://csscreator.com
I’d need to use a browser tool like Firebug for this kind of problem – that’s not possible on a screenshot. Are you not doing that?
OK, what I will do is upload it to a test server so you can help debug it.
Also be sure you don’t have any mark-up or CSS errors that might be problematic.
No errors according to w3c
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It won’t let me post a job
