Title: Missing CSS for sub sub menu Last modified: August 20, 2016 --- # Missing CSS for sub sub menu * [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/) * I’m trying to make a sub sub menu. Here is the site, and if you mouse over books3, you can see what happens to the secondary navigation – it isn’t moving far enough to the right. [http://bit.ly/SVGa5M](http://bit.ly/SVGa5M) * I’m missing something – in the CSS? that identifies what is the sub sub menu ( or submenu2 as I have it in the css) [http://pastebin.com/EKaEXDiY](http://pastebin.com/EKaEXDiY) * I’m using WP custom menus, but even when I slide the name of the page so it indents on the custom menu, it still shows up funky on the page..it simply won’t indent far enough to work. * Any thoughts? * thanks in advance.. Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/page/2/?output_format=md) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215682) * You are missing [CSS positioning](http://www.w3schools.com/css/css_positioning.asp) on the sub-sub menu. Look at adding `top` and `right` properties. * Which theme are you using? * Thread Starter [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215684) * It’s a custom theme that is no longer supported by the maker…. * Thread Starter [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215685) * in this section i have position as a left margin of 100px * ``` #nav ul li ul.sub-menu2 li { margin-left:100px; text-indent: 100px !important;} ``` * and in the regular sub menu it doesn’t have that….so I’d hoped that would move the submenu2 to the right 100px. it didn’t. =) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215688) * _Submenu2_ isn’t the actual name of the class given to the sub menu. Try a [Browser Inspector Tool](http://getfirebug.com/) to explore which classes are applied to which elements. * Thread Starter [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215690) * I have that…=) and it shows that submenu is being applied – I simply don’t know how to change that…. * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215691) * There is no class called sub-menu2 — you can’t just invent a class — it has to be applied to an element. * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215692) * This is the selector you need to use: * ``` #nav ul li ul.sub-menu li ul.sub-menu li a{ put the spacing styles in here; } ``` * Thread Starter [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215693) * ok..I have this one… * `#nav ul li ul.sub-menu li a:link, #nav ul li ul.sub-menu li a:visited` * or * `#nav ul li ul.sub-menu li a:hover` * but not the one you have above. so would I add in this? * ``` #nav ul li ul.sub-menu li ul.sub-menu li a{ put the spacing styles in here; } ``` * or does it need to have the hover element? * Please please please bear with me here….=) I’m trying really hard to get this right… * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215694) * Just use * ``` #nav ul.sub-menu ul { left: (n)px; top: (n)px; } ``` * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215695) * You need to use what I posted in order to move those menus over: * ``` #nav ul li ul.sub-menu li ul.sub-menu li a { margin-left: 180px; } ``` * If you are trying to change something upon hover, that has to be an additonal CSS declaration which would include the hover. * Thread Starter [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215697) * Andrew…the top element worked on that, moving it up and down the page, but the left didn’t…it stayed where it was. * Thread Starter [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215698) * WPyogi- that’s sooooo close. Can you look at the page now, please =) and do you see the second button Covert Affair is no longer clickable, and its sub menu doesn’t slide out. * Do I have an element that’s blocking the second button? a padding? It’s like it’s hidden behind something…. * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215724) * Okay so try changing the above code to this: * ``` #nav ul li ul.sub-menu li ul.sub-menu li a { left: 140px; position: relative; top: -28px; } ``` * Thread Starter [intcon](https://wordpress.org/support/users/intcon/) * (@intcon) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215725) * WPYogi….Sorry, it’s still scrambled. Why would that change the way the buttons are displayed?? I’m so at a loss. I have custom menus set up…I have the pages listed under their correct parents…it’s driving me crazy! * maybe it’d be best to just hire the stupid thing out. grr. * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/#post-3215726) * I dunno — it worked in Firebug for me. But yes, it’s frustrating. See what Andrew has to say as he’s good on all this kind of stuff… Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/page/2/?output_format=md) The topic ‘Missing CSS for sub sub menu’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 17 replies * 3 participants * Last reply from: [intcon](https://wordpress.org/support/users/intcon/) * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/missing-css-for-sub-sub-menu/page/2/#post-3215728) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics