Desktop Dropdown Menu Too Tall

  • Resolved neolobsterz

    (@neolobsterz)


    6 years, 1 month ago

    Good Afternoon!

    I am currently experiencing an issue on my website where if the Navigation Label of a drop-down menu is longer then so many characters will cause the > icon to break position and make the label too tall in comparison to the other menu items.

    I will attach a screenshot of what I am talking about for your reference:
    https://www.fortressonesecurity.com/wp-content/uploads/2019/01/Generate-Press-Menu-Drop-Down-Bug-01.png

    I was just wondering why this was and how I can fix it?

    In the meantime, I have been able to fix the issue by simply reducing the number of characters in the label. Here is a screenshot to show you what I mean:
    https://www.fortressonesecurity.com/wp-content/uploads/2019/01/Generate-Press-Menu-Drop-Down-Bug-02.png

    This quick fix is acceptable in this case ( the word and was replaced with an & ), however, I fear that in the future we will have navigation labels that cannot be shortened and will cause odd-looking drop down menus.

    Any help is greatly appreciated and thank you in advanced!

    Also on a sidenote:
    We purchased Generate Press Premium a few years ago under the emaill address [email protected], how ever I do not have access to his forum account so I was not able to post my question there.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Our pro version has a sub-menu width option in Customize > Layout > Primary Navigation.

    Without the pro version, you can use this CSS:

    .main-navigation ul ul {
    width: 250px;
}

    Let me know if you need more info ??

    Thread Starter neolobsterz

    (@neolobsterz)

    Thanks, Tom that worked perfectly!

    Theme Author Tom

    (@edge22)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Desktop Dropdown Menu Too Tall’ is closed to new replies.