[Resolved] Indent submenu items in an off-canvas menu + top padding

Home Forums Support [Resolved] Indent submenu items in an off-canvas menu + top padding

Home Forums Support Indent submenu items in an off-canvas menu + top padding

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2060868
    Michael

    Hi. In my off-canvas menu, when a menu item is untwirled to show its submenus, the submenu items are not indented a bit so they look like a subset. Is there some CSS that can be added to indent all submenu items a bit? Also the very top (home) in my off-canvas menu items starts too close to the top edge… how to add some padding there? Thanks.

    #2060927
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    /* Padding to top of Off canvas */
    .slideout-navigation.main-navigation .main-nav > ul {
        padding-top: 20px;
    }
    /* Indent sub menus */
    .slideout-navigation.main-navigation .main-nav ul ul {
        padding: 0 10px;
    }
    #2060974
    Michael

    That did it! Thanks!

    #2061205
    David
    Staff
    Customer Support

    Glad to be of help

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