Achieve menu as per cardiomy

Hi Paul,

I’m not sure exactly which menu you are trying to match so I took a guess the sidebar menu on this page is what you are trying to emulate.

Here is some custom CSS which will get you close.

.advanced-sidebar-menu ul { background: #f9f9fa; } .advanced-sidebar-menu li { padding: 0 !important; } .advanced-sidebar-menu li:nth-child(even) { background-color: #f2f2f2; } .advanced-sidebar-menu li:hover a { background-color: #c6c1c6 !important; } .advanced-sidebar-menu a { position: relative; display: block; line-height: 1.625em; padding: 11px 68px 11px 20px; color: #a60a3d; text-decoration: none; transition: color 300ms ease-in-out, background 300ms ease-in-out; font-family: museo-sans-rounded, sans-serif; font-feature-settings: "kern", "liga", "pnum"; font-size: 1rem; } .advanced-sidebar-menu li li a { padding: 11px 68px 11px 30px; } .advanced-sidebar-menu li li li a { padding: 11px 50px 11px 45px; } .advanced-sidebar-menu .child-sidebar-menu > li { border: none !important; } .advanced-sidebar-menu .child-sidebar-menu>li.current-menu-item { margin: 0 !important; padding: 0 !important; background: inherit !important; border-left: none !important; } .advanced-sidebar-menu li.current-menu-item a { color: #0087b1; font-weight: bold; }

Let me know if would like something fine tuned. Pointing me to the menu on your site you are trying to style will also help.

Have a great day!