In the mobile there is no indentation for the first level sub menu

  • Resolved Oren Harhel

    (@kodbeer)


    1 year, 11 months ago

    In the mobile there is no indentation for the first level sub menu, but for the second and third level of sub menus there is indentation.

    To reproduce the issue, in my website click Menu > Tutorials. You will see that the menu items under Tutorial have the same indentation as the other menu items.
    If you click Menu > Tutorials > Kodi, you will see that the menu items under Kodi have indentation.
    If you click Menu > Tutorials > Kodi > Kodi Add-on, you will see that the menu items under Kodi Add-ons have indentation.

    I attached a screenshot illustrating the problem: https://imgur.com/q9pvyjz

    I would like also the first level of the sub menu to have indentation, as it works well for the second and third levels
    Can you please assist me in solving this issue?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi kodbeer,

    Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    @include mobile {
    #{$wrap} #{$menu} > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding-left: 20px;
    }
    #{$wrap} #{$menu} > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
        padding-left: 40px;
    }
    #{$wrap} #{$menu} > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
        padding-left: 60px;
    }
}

    Regards,
    Tom

    Thread Starter Oren Harhel

    (@kodbeer)

    Hi Tom,

    Thanks a lot, it works!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘In the mobile there is no indentation for the first level sub menu’ is closed to new replies.