[Resolved] Slideout Navigation > indent sub-menus?

Home Forums Support [Resolved] Slideout Navigation > indent sub-menus?

Home Forums Support Slideout Navigation > indent sub-menus?

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #634258
    Christian

    Dear Support Team, dear Tom,

    I’m using the Slideout Navigation as the mobile navigation. Is it possible to indent the level 1 and level 2 submenus like this:

    MainPoint 1
    –Submenu level 1
    —-Submenu level 2
    MainPoint 2
    –Submenu level 1
    .
    .
    .
    and so on?

    Thank you for your input,
    Best, Chris

    #634368
    Leo
    Staff
    Customer Support

    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/

    #634384
    David

    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

    #634386
    Leo
    Staff
    Customer Support

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

    #634418
    David

    Please remove when complete – thanks

    #634426
    Leo
    Staff
    Customer Support

    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.

    #634555
    David

    That worked great Leo. Thanks.

    Dave

    #634782
    David

    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

    #634806
    Leo
    Staff
    Customer Support

    I’ll need to see the site again unfortunately.

    #634889
    Christian

    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

    #634939
    David

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

    Dave

    #634975
    Leo
    Staff
    Customer Support

    @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.

    #634978
    David

    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

    #634980
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.