Hey there,

newrealities.treocom.net/index.php/health-healing

In the earlier versions of joomla you could easily make a horizontal menu. I want to add a menu in the Above moduleposition. I tried adding this to the custom.css which should generate a horizontal menu.

{
display:inline;
list-style-type:none;
border-left:1px solid #fff;
padding-left:7px;
font-size: 18px;
}
But I am not sure what style to use to capture the css in the menu module. I tried .zen-module-body.menu and #above .nav > li - none of which worked. Perhaps there is already a style in Nebula I can use and add to the module class suffix?

As always, I appreciate your brilliant support.

Thanks.

Nya

Try adding a float and a right padding

Cheers
Paul

Hi Paul,

It is still not working. Here is what I have added to the custom.css:
.zen-module-body.middlemenu {
display:inline;
list-style-type:none;
border-left:1px solid #aaa;
padding-left:7px;
font-size: 18px;
padding-right: 7px;
float: left;
}

I have added middlemenu to the module suffix. newrealities.treocom.net/index.php/health-healing

It doesn't accept the new css at all. I don't know how to reference it. Any ideas?

Nya

Hi Nya,

We are looking at different snippets

#above .nav > li {
display: inline;
list-style-type: none;
border-left: 1px solid #fff;
padding-left: 7px;
font-size: 18px;
float: left;
padding-right: 2em;
margin-bottom: 2em;
}



try that - the three last bits are mine the rest are yours

Cheers
Paul

Thank you Paul. It works!

Hope you have a wonderful weekend.

Nya

Thanks

and you

Cheers
Paul