Title: CSS Problem
Last modified: August 21, 2016

---

# CSS Problem

 *  [David Neff](https://wordpress.org/support/users/david-neff/)
 * (@david-neff)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/)
 * Hello,
 * I am creating a child theme and am having some trouble with the multi-level navigation
   menu. Here is a screenshot of what happens
 * [http://davidneff.biz/wp-content/uploads/2013/06/CSS-Problem.jpg](http://davidneff.biz/wp-content/uploads/2013/06/CSS-Problem.jpg)
 * thttp://davidneff.biz/wp-content/uploads/2013/06/css-problem-2.jpg
 * Even worse for grandchild pages
 * [http://davidneff.biz/wp-content/uploads/2013/06/grandchild.jpg](http://davidneff.biz/wp-content/uploads/2013/06/grandchild.jpg)
 * I want the levels to align properly.
 * Also, when using the Genesis Featured Post Widget with thumnail aligned to the
   left, it does not align to the left or to the right
 * [http://davidneff.biz/wp-content/uploads/2013/06/widget.jpg](http://davidneff.biz/wp-content/uploads/2013/06/widget.jpg)
 * What is the problem?

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823213)
 * What have [StudioPress](http://www.studiopress.com) said about this?
 *  Thread Starter [David Neff](https://wordpress.org/support/users/david-neff/)
 * (@david-neff)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823218)
 * No reply as of now. I was wondering if there was someone here that could help
   as this community is a bit larger.
 *  Thread Starter [David Neff](https://wordpress.org/support/users/david-neff/)
 * (@david-neff)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823243)
 * 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;
       }
       ```
   
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823264)
 * Unfortunately CSS code alone is quite useless – we’d need to see the actual site
   live to help with this kind of thing.
 *  Thread Starter [David Neff](https://wordpress.org/support/users/david-neff/)
 * (@david-neff)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823269)
 * [@wpyogi](https://wordpress.org/support/users/wpyogi/),
 * See the screenshot. This is being developed on a local website.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823270)
 * Familiarise yourself with [Firebug](http://getfirebug.com).
    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.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823271)
 * 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](http://csscreator.com)
 *  Thread Starter [David Neff](https://wordpress.org/support/users/david-neff/)
 * (@david-neff)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823273)
 * > 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
 *  Thread Starter [David Neff](https://wordpress.org/support/users/david-neff/)
 * (@david-neff)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823351)
 * And here is the link [http://projects.davidneff.biz/wp-epic/](http://projects.davidneff.biz/wp-epic/)
 * _[[bump ](http://codex.wordpress.org/Forum_Welcome#No_Bumping)moderated]_
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823402)
 * Try [http://jobs.wordpress.net](http://jobs.wordpress.net)
 *  Thread Starter [David Neff](https://wordpress.org/support/users/david-neff/)
 * (@david-neff)
 * [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823403)
 * It won’t let me post a job

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘CSS Problem’ is closed to new replies.

 * 11 replies
 * 3 participants
 * Last reply from: [David Neff](https://wordpress.org/support/users/david-neff/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/css-problem-15/#post-3823403)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics