Third level collapsed menu indention

Hi support team.

The cell phone width collapsed menu here https://dev.mrckamouraska.com have 1.5 em left padding on the second level to create an indention between the first and the second level.

In the MRC menu element, there is Mandats who have a third level. How can I add 1.5 em left padding on the third level to create an indention between the second and the third level?

Thanks

Hello Philippe,

Thanks for asking. :slight_smile:

Please add following CSS under Pro > Theme Options > CSS:

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

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

Hi @Prasant. This is perfect!

Many thanks!

You are most welcome. :slight_smile:

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