Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You are missing CSS positioning on the sub-sub menu.
Look at adding top
and right
properties.
Which theme are you using?
Thread Starter
intcon
(@intcon)
It’s a custom theme that is no longer supported by the maker….
Thread Starter
intcon
(@intcon)
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
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Submenu2 isn’t the actual name of the class given to the sub menu.
Try a Browser Inspector Tool to explore which classes are applied to which elements.
Thread Starter
intcon
(@intcon)
I have that…=) and it shows that submenu is being applied – I simply don’t know how to change that….
There is no class called sub-menu2 — you can’t just invent a class — it has to be applied to an element.
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
(@intcon)
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
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Just use
#nav ul.sub-menu ul {
left: (n)px;
top: (n)px;
}
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
(@intcon)
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
(@intcon)
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….
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
(@intcon)
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.
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…