Fly out navigation- 3rd level

[newbie]

Kindly help me out in making further dropping out navigation on right side.
kindly take a look at http://www.clockhousedesign.co.uk/achievetec

in navigation product > ruggedised > * – e1 phone
– e2 phone
– e3 phone

*these three items i want to drop right (or fly out on right side – whateva you say)

need help here

[Paulie_D]

Sorry, page timed out. Couldn’t see it.

Do you mean this is a vertical menu on, say the left of the page, with the initial menu items stacked up and the sub-menu items fly-out to the right?

Here’s one I copied quickly from a Google Search.: http://codepen.io/Paulie-D/pen/pIhur

[newbie]

thanks for response.

actually of you go to website there is horizontal navigation. under product there is first list item ruggedised. I want it to further open to the right and list few more items (i.e under ruggedised )

so it would be like this

product > ruggedised > – (first item) e1 phone – (2nd item) e2 phone – (third) e3 phone

Did you get what i am tryin to say..?

thanks once again

[Paulie_D]

Couldn’t get your page to load before…but it worked this time.

You mean like this: http://codepen.io/Paulie-D/pen/22c4ca602bda363099133ded6bca2294

[newbie]

Absolutely Spot on!.. thanks a lot

but the navigation code I am using (taken from some tutorial) is driving me nuts. Could you figure out where to add?

thanks

[newbie]

where to add what?

[newbie]

Hi i tried as follow
In third level navigation
html

`

• ES400 Durable Smartphone
• ES400 Durable Smartphone

css

.sub-nav {
position: absolute;
width: 100%;
visibility: hidden;
}
.sub-nav > li, .sub-nav > li a {
display: block;
width: 100%;
}

it didn’t show up as expected, instead it showed just beneath the 2nd level first list item (i.e ruggedised)
can you help me out where I am making mistake

thanks

[newbie]

the bullet point it showed up is actually html code

<*html ul class="sub-nav">

[Paulie_D]

The third level menu should have a class of `.tert-nav` (for tertiary navigation) not `.sub-nav`.

[Author]

Posts