menu border

hello,
how can I make the menu borders smoother? pls see the attached image.
I do not mind removing the background image and using a simple border.

Thanks

 

Hello,

Please try below code.
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li:hover a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
  background: #ccc;
  color:#123456;
}
#menu li a {
  background: none;
  border-radius: 10px;
  border: 1px solid #ddd;
}
#menu li
{
background:none;
}
#menu li.current-menu-item, #menu li.current-menu-parent, #menu li.current_page_parent, #menu li:hover, #menu li.current_page_item {
background: none;
}
 

Thanks & Regards
Pramod

 

Hello Pramod,
Two issues:
1- I have a child theme. When I add it to childtheme, it does not work.

2- When I add it to Custom CSS, it works but only for main menu. Submenus look wired. Pls see the attached image.

Thanks.

 

Hello!

Please provide URL of your website which will make me better understand to provide you better solution.

Thanks & Regards
Pramod

 

Hello,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu li li a {
  border-bottom: none;
  border: none;
}

Thanks & Regards
Pramod

 

Hello Pramod,

It worked. Thank you.

Can I have a divider between submenus and sub-submenu as shown in the attached picture?

Tnx in advance.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu li ul li {
  border-bottom: 2px solid red;
}

Thanks & Regards
Pramod

 

worked perfectly. thank you.