Slideout Navigation > indent sub-menus?

Hi there,

Try this CSS:

.slideout-navigation.main-navigation .main-nav ul ul li a {
    padding-left: 30px;
}
.slideout-navigation.main-navigation .main-nav ul ul ul li a {
    padding-left: 50px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Well, I'm not Chris but I tried the css and it didn't seem to do anything for us. I pasted it into both Simple CSS and then on to "Additional CSS" with no effect.

Dave

Can you link me to the site in question with the CSS applied?

Please remove when complete - thanks

The CSS is working - your original padding is already 30px and my CSS is also adding 30px which looks like it's not working.

Try changing the value to like 50px and adjust as you see fit.

That worked great Leo. Thanks.

Dave

Now, I've noticed that the sub to the sub doesn't indent. What do I need to add to the css to make the third level indent also?

Thanks for your excellent support.

Dave

I'll need to see the site again unfortunately.

Hi Leo,

thank you very much for your very fast solving of my request. On my 2 domains, the provided CSS code works flawlessly - wonderful.
From my end, I consider the support topic as resolved.

Best, Chris

As requested. It's the sandbox that I'm working on.

Dave

@Christian - Glad I could help :)

@Dave - I'm not seeing the second block of CSS being added:
https://generatepress.com/forums/topic/slideout-navigation-indent-sub-menus/#post-634368

Make sure you increase the px number too.

Well, that would be why, I left it out of what I had inserted because, since I didn't thoroughly review the css code, I didn't notice the hierarchy being added. I added it and incremented the px by another 20 making it 70px and all looks good now.

Thanks for your excellent response and superb technical support. And thanks for putting up with newbies like me.

Dave

No problem :)