Item Height Properties Not Recognized

Home Forums Pro Support Item Height Properties Not Recognized

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #69998

    Hello. A new user here so apologies if I’m missing something basic…

    I’ve installed the Pro plugin over at my site Johnny America, which has a couple of very long menu items.

    In order to let them wrap and be legible, I turned Word Wrap on, reduced the Line Height variable to 18 px so the long titles would wrap close together, and increased the “Item Height” variable with the goal of increasing the vertical space between menu items. Unfortunately, my adjustments to “Item Height” don’t translate to any visible spacing difference. The Word Wrap and Line Height variables do effect the appearance of the menus on the live site so the plugin is pushing out to the site. I’ve tried 18px, 80px, 500px for the “Item Height” spacing between items appears to be the same. Tested on Firefox for windows and Safari on iPhone. Any advice appreciated!

    Kriti SharmaKriti Sharma

    Hi there,

    Welcome to Responsive Menu Pro support forum. Hope you are doing well.

    I am looking into your problem and will get back to you soon.


    Kriti SharmaKriti Sharma

    Hi there,

    Actually, the functionality of ‘Word Wrap’ is to allow the menu items to wrap around to the next line. So, the Item height does not get applied when ‘word wrap’ is enabled. You need to disable ‘word wrap’ option to make the Item height working.



    Hmm. It’s good to know that’s “intended behavior” and not a bug, but ultimately I’m confused about this behavior as a design decision since word wrap and item height aren’t necessarily mutually exclusive (or better yet, may I make a feature request: padding control at the bottom of each menu item… let’s call it “item SPACING”).

    This is a fantastic plugin, so maybe there’s another way to achieve what I’m looking for? Any advise appreciated. What I’m trying to achieve, or as close to it as possible, is:

    Menu item 1

    … then a fixed vertical spacing ….

    Menu item 2, which might be
    Very long and want to wrap,
    With a line height defined by “line height”

    … then a fixed about of vertical spacing…

    Menu Item 3

    … then a fixed vertical spacing …

    Any recommendations appreciated.

    Kriti SharmaKriti Sharma

    Do you want to add padding and Word Wrap functionality individually to the menu items? Please let me know so that I can forward this to the development team.



    Yes, that’s an accurate description. To be clear: for my purposes I am not requesting individual padding control between each and every item, just the ability to have:

    1) Word wrap on
    2) A set spacing between items, such that there’s an even spacing between the bottom of one item and the top of the one below it, whether the menu item is a single line or word-wraps to 10 lines. Whether this is best achieved through the padding parameter or some other CSS mechanism, whatever works…


    A. My first item (then set padding)

    B. The quick brown fox jumps over the (wrapping per word wrap)
    lazy dogs and every good boy deserves
    fudge. (then set padding)

    C. Third items (then set padding)

    D. The sun is a mass of incandescent (wrapping per word wrap)
    gas, a gigantic nuclear furnace. Where hydrogen
    is built into helium at a temperature of
    millions of degrees. (the set padding)

    E. Etcetera (then set padding)

    F. Etcetera (then set padding)

    Kriti SharmaKriti Sharma


    Setting different padding for different menu items is not considered as a best web designing practice.

    Imagine visiting a website with menu items with irregular padding from one another. So, implementation of this idea should not be considered as best.


Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Item Height Properties Not Recognized’ is closed to new replies.