I can see the down arrow and menu items below it. But the text seems to be wraped and I would like to see the entire link in one line (Please see "Links.jpg" attachment). Some other questions I had was, how is it possible for me to add some breathing space between "Our Services" and "Contact" buttons? In fact, if I can get it to look like exactly like Demo menu that's on the site (please see Demo Menu.jpg attachment) I'll be happy. Is it possible to remove the "Down Arrow" from within the drop down? But still show the drop down? Thanks in advance...here is the CSS I am using.


.ux-menu-container {
position: relative;
margin-top: 5px;
margin-bottom: 5px;
text-align: right;
}
.ux-menu
{
display: inline-block !important;
}
#header ul.ux-menu li a:link,
#header ul.ux-menu li a:visited
{
display: block;
padding: 5px 7px;
}

#header ul.ux-menu li a.ux-menu-link-parent:link,
#header ul.ux-menu li a.ux-menu-link-parent:visited
{
display: block;
padding: 7px 18px 5px 7px;
}


#header .ux-menu ul.ux-menu-hidden
{
display: none;
}

#header ul.ux-menu
{
right: 0;
margin: 0;
padding: 0;
}

#header ul.ux-menu-sub li
{
float: none;
text-align: left;
width: 20;
}

#header .ux-menu-container ul
{
max-width: none;
padding: 0;
margin: 0;
}

Hello,

Provide link to page where we can see this problem.

Regards,
ARI Soft

Well the site isn't uploaded yet? I am showing the screenshot of the issue exactly as it's displayed on the screen. I am using "user3" position. BTW this is on IE8 and I also tested on Chrome, it's same thing. I am using Beez template (1.0) and 1.5.22 Joomla.

We need to see it because this can be a conflict with site template styles or 3rd party extension styles. If you provide page files (this process is described here), we can try to help.

Regards,
ARI Soft

Here are the files. Hope this helps I did save it as a "Complete Site" but I guess some of the links aren't working.

Add the next CSS rule to "CSS Styles" parameter in module settings or site template CSS file:



Regards,
ARI Soft