Menu / Sub-Menu Items Overlapping + Too Narrow

  • Greetings!

    On sub-menus of the navigation menu, I feel there are two issues:

    1. There is an overlap of the sub-menus, such as in this image: https://ibb.co/k8MkLKF
    2. There is no room for 2–3 words in a single line; all entries look very “constricted” and even the padding is too less on top of that

    Could something please be done about these?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Hello,

    “There is an overlap of the sub-menus, such as in this image”
    – Thank you for reporting it. I am going to investigate it and include the fix in the upcoming theme version. Also, thanks for the screenshot. It really helps.

    “There is no room for 2–3 words in a single line; all entries look very…”
    – By default, sub-menu items have a set width to avoid potential style issues. You can modify a default width by using this custom CSS:

    
    .main-navigation ul ul a {
      width: 200px;
    }
    

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

  • Thank you for considering the fix, and thank you for the CSS to widen the sub-menu elements! I will patiently be waiting for the update with this overlapping and the previously raised “un-clickable” area issue.

    All the very best!

  • You are very welcome. A new update should be released by the end of this month. I’ll let you know when it’s released at WordPress.com.

    Kind regards,
    Taras

  • Hello,

    The overlap issue of the sub-menus should be fixed now. Thank you again for reporting this issue.

    Kind regards,
    Taras

  • The topic ‘Menu / Sub-Menu Items Overlapping + Too Narrow’ is closed to new replies.