• Resolved TableauxAdmin

    (@tableauxadmin)


    Is there a way to make it so the child or grandchild menu items open to the left instead of to the right when the screen size is too small to display them? My grandchild menu text is disappearing behind the browser window on smaller screens.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, yes it is possible, if you want to do it only for 1 menu item, add a custom class to this menu and add this css code:

    .sf-menu .custom-class ul.sub-menu {
        left: auto;
        right: 0;
    }

    If you want to do this for all your sub menus, delete the “.custom-class” class.

    Thread Starter TableauxAdmin

    (@tableauxadmin)

    This worked to some degree. It makes the child menu open left, but the grandchild menu still opens to the right.

    Let me ask another question; I like the way the mobile menu functions when using Menu Style “simple”. Is there a way to make it work that way (opens a side panel with menu) all the time regardless of screen size? Perhaps I can do this by manipulating the breakpoint in your upcoming release?

    Theme Author oceanwp

    (@oceanwp)

    What do you call the grandchild menu?
    Yes in the next release it will be possible.

    Thread Starter TableauxAdmin

    (@tableauxadmin)

    Sorry, grandchild page …sub-sub page.

    I think the best option for this particular project will be the slide out panel menu. I’ll wait for the next release and test.

    Thanks for all your support!

    Theme Author oceanwp

    (@oceanwp)

    Oooh sub sub menu 🙂
    Try this code:

    .sf-menu .custom-class ul.sub-menu ul {
        left: auto;
        right: 100%;
    }
    Thread Starter TableauxAdmin

    (@tableauxadmin)

    Works! THX again!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Grandchild Menu Items Covered’ is closed to new replies.