Third level menu indent

Hi support team. In this topic https://theme.co/apex/forum/t/third-level-collapsed-menu-indention/49285/3 I ask your help to indent the third level of the menu.

The suggested fix work but I should want to display this indent in the NAVIGATION COLLAPSED menu only.

The site is https://dev.mrckamouraska.com

The menu is MRC > Mandats > third level

Hi Philippe,

Instead of adding this code in the Global CSS:

.x-menu li ul > li ul span{padding-left: 15px !important;}

Add that code in the Navigation Collapsed Menu element’s Element CSS:

Hope this helps.

Hi @Jade

This is producing the same result. Even if the css is placed in the Collapsed Menu element’s Element CSS, the two NAVIGATION INLINE menus are affected.

Hi Philippe,

The CSS should be unique, instead, please add this CSS to Element CSS of your menu element.

$el li ul > li ul span{padding-left: 15px !important;}

The $el is the current selector for that current menu element.

Hope this helps.

Hi @Rad. Thank you! Problem solved.

You’re most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.