How do I control the position of a sub sub menu? I wanted narrower sub menus, and I added the following code to Quick CSS:
.sub-menu {
max-width:150px;
}
That worked as expected. However, there is a gap to the right, between the sub menu and sub sub menu.
You will see the issue here:
Hover over “Customer Service” and Sub Menu “TEST >” and you will see the gap to the right, between the sub menu and sub sub menu. I do not want the gap.
Hey Paul,
Please try the following in Quick CSS under Enfold->General Styling:
.main_menu .menu li ul ul {
left: 150px !important;
}
Best regards,
Rikard
Excellent; works perfectly. Thanks!
Paul
Hi,
Glad Rikard could help :)
Best regards,
Nikko