menu sub-items go beyond visible screen

  • Author
    Posts
  • #111991
    Nina Isabella
    Power User

    This is noticed on a test site: https://wp.clearlight.systems/

    In the top menu there are four main menu items.

    The drop down of sub items (in ‘Projects”) go out of the visible area of the screen.

    Should there be a line break instead?

    Website: wp.clearlight.systems

    #112476
    Zed
    Cryout Creations mastermind

    Hi,

    We got that fixed in the theme’s 1.0.3.1 update.


    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.
    #114339
    Nina Isabella
    Power User

    This also happens in Esotera, as far as I can tell:

    https://farming4justice.net/news/ [see menu item “News”]

    #114703
    Zed
    Cryout Creations mastermind

    Hi Nina,

    I am not seeing any menu items overflowing off-screen. Your sub-menu items are truncated in length because they are longer than the available screen space (and the menu items are not designed to overflow on multiple lines).


    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.
    #116770
    Julia Johnson
    Power User

    We have version 1.0.5 and are experiencing the same thing:

    https://bneyyosefna.com, under Mishpacha, Frank Houtz Memorial Scholarship.

    How can we fix this?

    Website: bneyyosefna.com

    #117379
    Zed
    Cryout Creations mastermind

    Hi Julia,

    To ensure the menus don’t overflow the screen you’ll need to either re-organize them or force the problematic ones to open their submenus to the opposite side:

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

    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.
    #117623
    Julia Johnson
    Power User

    Thank you, that fixed it!

    #121000

    FYI : I guess it depend on the menu size, etc. but I used

    right: calc(100% – 120px);

    and it worked well.
    Thanks!

Viewing 8 posts - 1 through 8 (of 8 total)

You need to log in to reply to this topic.