#137308 Mobile menu sub sub menu indent.

Landing Forums JupiterX WordPress Theme Mobile menu sub sub menu indent.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • John Kelly

    Hi there

     

    I have used the stying on this link to indent the sub items.

    I am using the mobile menu across the entire site and need to indent the sub sub menus too.

    What is the CSS to achieve this?

    Amir Rather Support Team

    Hi There

    I don’t see any Sub Sub Menus on your site, https://tikitaka.digital/ can you show me one?

    Regards

    John Kelly

    Hi there,

    The website this relates to is:- http://www.hpass.org/new-home/

     

    Amir Rather Support Team

    Hi there

    The website link was necessary to make sure the CSS works.

    Please try this CSS:

    .raven-nav-menu ul#sm-16391187445538032-4 li a {
        padding-left: 55px !important;
    }
    John Kelly

    Hi there,

     

    Thanks for looking into this, so it has not had the desired effect.

    The CSS I used to make the green ticks on the attached image, which I got on this forum is:

    .raven-nav-menu-mobile .raven-submenu .raven-submenu-item.raven-link-item {
    padding-left: 40px !important;
    }

    I need the green ticks but also I need  the red arrows on the next level down to indent by another 40px. Using the below css has not made this menu sub level indent.

    .raven-nav-menu ul#sm-16391187445538032-4 li a { padding-left: 55px !important; }

     

    Alexander Hutsol Support Team

    Hello,

     

    Would you mind to provide us with wp-admin login details to your site in the private reply https://i.imgur.com/wbJp2Ah.png to check the issue?

    Thank you.

    Regards.

    Private
    John Kelly
    This reply has been marked as private.
    Alexander Hutsol Support Team

    Hello,

    I’ve replaced the previous CSS code with the following one:

    .raven-submenu li > a {
    padding-left: 55px !important;
    }
    
    .raven-submenu > li > ul > li a {
    padding-left: 100px !important;
    }

     

    Please clear the cache and check the menu.

     

    Regards.

    John Kelly

    Hi there,

     

    That is working perfectly, thanks so much and have a great weekend.

    Amir Rather Support Team

    You too, cheers ūüôā

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