[Nina Isabella]

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

[Zed]

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.

[Nina Isabella]

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

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

[Zed]

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.

[Julia Johnson]

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

[Zed]

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.

[Julia Johnson]

Thank you, that fixed it!

[jean-1020]

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

right: calc(100% – 120px);

and it worked well.
Thanks!

[Author]

Posts