riddlely
Member
How do I remove the border for the child menu?
For example if I hover my mouse over "Sample Page" the option "Another Page" will drop down.
However, "Another Page" has a border.
Removed border for "Sample Page" with:
.sf-menu a, .sf-menu {
border: 0; /*Gets rid of menu border*/
outline: 0;
}
Got it from another thread.
riddlely
Member
.sf-menu ul, .sf-menu a, .sf-menu{
border: 0; /*Gets rid of menu border for main menu as well as child menu*/
outline: 0;
}
Okay so i found out the above code removes all the borders. If somebody can explain why ".sf-menu ul" is required it would be great. I tried something like ".sf-menu ul a" border:0; but that did not work. Using ".children" class also failed.
I used chrome to inspect the elements and made a guess at the css code.
You must log in to post.