Menus on home page extending beyond edge of screen

  • Author
    Posts
  • #118581

    I saw a post stating the menus not pushing to the opposite side were corrected, but I’ve just installed this theme and it’s not working correctly. The menus are not responding. Help!

    Website: mandycapehart.com

    #118647
    Zed
    Cryout Creations mastermind

    Hi,

    For efficiency reasons, the theme does not apply any edge detection JavaScript to its menus – this means the menus will overflow outside of the screen if you’re using large (sub-sub-…)sub-menus on the rightmost menu items.

    This can be avoided either by reorganizing the menus or applying custom styling only on the problematic submenus (to reverse their opening direction). This styling needs to be unique to every menu configuration so there’s no catch-all solution.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #118683

    Okay. I’m fairly new to all this, so how can I create custom styling for each menu configuration? I reordered the menus, but they’re still not working well as I would like. How can I add the code to force the dropdowns to go out to the other side fo the menus? Thank you!

    Website: mandycapehart.com

    #118703
    Zed
    Cryout Creations mastermind

    I see only one sub-menu currently pops-up to the right (and partially off-screen). You can customize it to display to the left instead with the following CSS:

    #access .sub-menu li.menu-item-1566 ul.sub-menu {
        left: auto;
        right: calc(100% + 10px);
    }

    You can duplicate this for additional menu (identifiers) that you want it to apply to, or make it more general so that it applies to all sub-sub-menus with:
    #access .sub-menu li ul.sub-menu { ... }


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.