Medify a drop down menu

  • Hi, i have a problem with my dropdown menu.
    Here’s the screenshot of my dropdown menu: https://i67.tinypic.com/2cnjq0l.jpg

    I need a solution to decrease the space between 2 word, in my pic there is a Pharmacheutical Machinery menu, but the space between the first word to the second word is too far, it’ll make people confused.
    So I need to fix this by decreasing the space between Pharmacheutical and Machinery words but i don’t know how

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

  • You can probably make a change to the line height property, but it’s impossible to give you an exact suggestion just by looking at an image. Can you please post a link to your site? Thanks.

    Thread Starter Alfi Septandhi

    (@alfiseptandhicom)

    This is my site
    https://futuristik15.com/machinery

    I’ve tried to change some line height property but it doesn’t change the space between those words, but change the space between 2 different menu.

    Try adding this rule:

    #top-menu .sub-menu a {
   line-height: 1.3em;
   padding: 10px 20px;
}

    The first property will adjust the spacing between lines within the same menu item, the second property will re-adjust the spacing between menu items. For the padding property, you want to adjust the first number (10px), which is the top & bottom spacing for the menu items.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Medify a drop down menu’ is closed to new replies.