Dropdown Menu in Main Nav

  • Unknown's avatar
    nagpalreema09 · Member ·

    Hi,

    Can someone help me with my dropdown menu? The titles are not aligned properly.
    “Aeroelasticity Study and Analysis of Turbomachinery Components” should be one title under “Our Work” and then “Current Work”.

    Let me know if someone can help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    carladoria · Member ·

    Hi there,
    It seems your menu title was being cut due to the width specified for these elements, try using the following CSS. It should make “Aeroelasticity and….” appear now under one single item. (Paste this in My Sites>Customize>CSS) 

    .main-navigation ul ul a {
    width: 220px;
}

    You can play a little bit with the width size until you find the size that best suits your menu titles.

  • Unknown's avatar
    nagpalreema09 · Member ·

    Hi, it looks great! Thank you.

    Last time I had this issue, WordPress recommended an inline flex. Do you think both pieces of CSS can work together okay? Especially if I need to add a project to the dropdown menu?

  • Unknown's avatar
    carladoria · Member ·

    Not sure if they will work together as I really don’t know what was the previous suggested CSS, but if they’re referring to different selectors than the ones above (.main-navigation ul a) and to different properties than “width”, there’s a good chance they’ll work together. I suggest you use both and see what happens, you can always take them out or modify them.

  • The topic ‘Dropdown Menu in Main Nav’ is closed to new replies.