How to indent second level submenus on main menu

Hi I have Main menu links with 2 levels of submenus:



This results in first level of submenus being shown with a slight indent:



But the second level of submenus do not have similar indent and since they are same color result is a bit confusing:



Could you provide the file and code where I could add this padding so the second level submenus have small indent like first level?

Thanks
Scott

PS see moderator for my link

.column_left .menu{
padding-left:<root padding>!important;
}

.column_left .menu > li > ul{
padding-left:<1st level padding>!important;
}

.column_left .menu > li > ul > li > ul{
padding-left:<2nd level padding>!important;
}

Hi Ivan

In what file is this code supposed to be added? I guessed and tried adding it to template.css but 2nd level submenus did not indent:



so then I tried to add it to template_css.css and again 2nd level submenus did not indent:



Please tell me where is correct file to add code. I have left this code in layout.css so you can take a look at it on test site if you like.

Regards
Scott

bottom of template_css.css

Hi again Ivan,

The code is saved at the bottom of template_css.css now.

I currently have two 2nd level submenus:

• Piazza Patitari
• Corte Crispo

From the pic you can see that the code did not add any indent:



Please see link at moderator

Thanks again
Scott

You probably just copy-pasted and did not notice, in code:

.column_left .menu{
padding-left:<root padding>!important;
}

.column_left .menu > li > ul{
padding-left:<root padding>!important;
}

.column_left .menu > li > ul > li > ul{
padding-left:<2nd level padding>!important;
}

<root padding>,<root padding>, <2nd level padding> should be replaced with actual values like 10px.