January 15, 2020 at 5:53 pm #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!January 16, 2020 at 5:25 am #69999
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.
KritiJanuary 16, 2020 at 7:13 am #70000
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.
KritiJanuary 17, 2020 at 2:13 am #70001
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.January 17, 2020 at 6:05 am #70002
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.
KritiJanuary 17, 2020 at 2:42 pm #70003
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)January 19, 2020 at 6:02 pm #70004
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.
- You must be logged in to reply to this topic.