Hi There,

I am doing it on a locahost and I can't show the exact problem, so I printscreen it. I am trying to make the background transparent and border-less horizontal menu but there is 1 line left below the menu.

I am using the code are as per below
.ux-menu LI A.ux-menu-link-level-0
{
background: transparent none;
border-style: none;!important;
}
.ux-menu-sub LI A
{
background: transparent none;
border-style: none !important;
}
.ux-menu LI A.ux-menu-link-level-1
{
background: transparent none;
border-style: none;
}

It works great but there are one disturbing 1 line under the menu as per shown on my attached image.

Hello,

We can investigate the problem if you upload your site to an online server and provide a link to a page where we can see the problem.

Regards,
ARI Soft

Hi There,

Thanks. So you mean at this point, there are no way to diagnose the problem based on the print screen? How about the code i am using for CSS style, is it correct?

Styles of another extension or site template can affect on the menu so we can investigate the problem if you provide a link to a page where we can see the problem.

Regards,
ARI Soft

ok, I see. Thanks. Will let you see the actual site once it is up and running

Hi There,

Manage to solve it

change 1px to 0 px

ux-menu-link-last{border-bottom:1px

Thanks!