Dropdown menu width to match longest link

  • Resolved dchapple

    (@dchapple)


    10 months, 2 weeks ago

    Hi guys, my wordpress developer is long gone. I am trying to adjust the main menu dropdown menus here so they adjust to the longest line. In other words line breaks in the topic titles. I can add some override code I think. I’ve tried to sleuth it out but can’t find the magic code. Any ideas what line of CSS I can add here? Thank you for any help.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try this code. You may adjust the width

    @media screen and (min-width: 721px) {
.nav-horizontal .entry-menu ul.sub-menu {
width: 200px;
text-align: left;
}
}
    • This reply was modified 10 months, 2 weeks ago by Liz D.
    Thread Starter dchapple

    (@dchapple)

    And the winner is…. “LIZ D”!

    Awesome Liz. Thank you so much! I admit I couldn’t locate the code in the Google inspector while the drop-down was active. You found it. I sifted through the code and also found this >padding: 10px 10px !important;< which brings the edges in a bit too. I admit I don’t know what I’m doing too much but this helps me keep all the time I had invested in this theme for a little while longer. Blessings!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dropdown menu width to match longest link’ is closed to new replies.