custom menu widget line spacing

  • Resolved mflem

    (@mflem)


    7 years, 9 months ago

    I am using a Virtue child theme. I have a custom menu widget on my right sidebar. Some of my menu item names are longer than the widget’s width and spill over to a second line. My problem is, the default spacing between the first half of the broken line of text and the second half of the broken line of text is greater than the spacing between the short, unbroken lines of text in custom menu widget. The vertical space between short-length menu items is fine. It is the vertical line space between the items that spill over because they are wider than the menu item container that I want to reduce. I cannot change the menu item name to shorter ones. That would be too easy! I tried to customize my CSS with this code and it had no effect:

    .widget ol, .widget ul {
    line-height: 1.5;
    }

    I have tried many other solutions from the forum but so far none gave me the result I need.
    I am using Max Mega Menu plugin and do not see anywhere how to adjust this issue. All of my padding top and bottom are set at 0px and my other menus look fine.
    Thank you for your help

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

  • Hey,

    Can you post a link to your site please so that I can take a look? Thanks!

    -Kevin

    Thread Starter mflem

    (@mflem)

    I Kevin
    Sorry,I am working on localhost, the site is not live yet. I could email you a screen shot.
    Here is a link to a scree shot
    https://prntscr.com/ed07xv

    • This reply was modified 7 years, 9 months ago by mflem.
    Thread Starter mflem

    (@mflem)

    I Kevin
    Here is a link to another screen shot.
    https://prntscr.com/edmgd7
    Does that give you any idea what I could change so the long menu items ( 2 lines) do not look as if they were separate item?
    Thank you for your help
    MF

    Try adding this CSS to Theme Options> Advanced Settings:

    .sidebar .widget-inner li {
    line-height: 15px;
}

    Feel free to adjust the 15px to whatever you think works.

    let me know if this is helpful!

    -Kevin

    Thread Starter mflem

    (@mflem)

    Thank you Kevin, it works great! However, 15px was too tight and I changed it to 1.9em
    Just the look I wanted
    Solved!
    Here is a screenshot
    https://prntscr.com/eh626n

    Thanks a million

    • This reply was modified 7 years, 8 months ago by mflem.
    Thread Starter mflem

    (@mflem)

    solved!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘custom menu widget line spacing’ is closed to new replies.