How to enable menu description

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

  • Hi,

    Menu description only applied for certain theme design and requires a bit more work. There is an easier way to accomplish what you want. You can include your menu item description into your navigation label.

    For example, you can input something like this

    Home<em>your menu desc</em>

    Then, go to “Appearance > Customize css” and drop below code

    .omega-nav-menu a {
  text-align:center;
}

.omega-nav-menu a em {
    display: block;
    font-weight: 300;
    font-size: 12px;
    font-style: normal;
    text-transform: none;
}

    Doing this way, you can keep your church theme up to date for future updates. Hope you like it

    Cheers

    Thread Starter dayalmb

    (@dayalmb)

    Thanks, themehall

    It worked just fine!

    But I remain with two smaller problems:
    1) The vertical align of the menu item with description is different from the others. I tried to add vertical-align:bottom; in the CSS, but it didn’t work.
    2) How can I fix the menu item exhibition on mobile devices? It is shown without a space between the words, for instance: “ItemDescription”. I can’t think of a way to add a ‘/’ between them.

    Could you help me out with the issues?

    Thank you very much!

    Dayal

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to enable menu description’ is closed to new replies.