Inline menu list

  • Resolved mgincnj

    (@mgincnj)


    11 years, 5 months ago

    Is there a way to format the output of the menu content item as an inline list?

    I can generate a list without of menu items easily enough:
    `[content menu=”visit-menu” ul=”inlinemenu”]

    I have CSS in my child theme (Twenty Fourteen) as follows:

    .inlinemenu {
    display:inline;
    list-style-type: none;
    }`

    This succeeds in getting rid of the bullets, but the list is still stacked vertically. I think the problem is that the display: inline needs to apply to BOTH the li and the ul tags. However, I can only figure out how to get the class assigned to the ul. Is there a way to associate it with both tags?

    https://ww.wp.xz.cn/plugins/custom-content-shortcode/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Eliot Akira

    (@miyarakira)

    11 years, 5 months ago

    How about this?

    .inlinemenu, .inlinemenu li {
  display: inline;
  padding-left: 0;
  list-style-type: none;
}

    To get at submenus, you may need to target .inlinemenu ul as well.

    Thread Starter mgincnj

    (@mgincnj)

    11 years, 5 months ago

    It worked! Thank you.

    Also, Eliot, thank you for the rapid response and the fantastic plugin. I used to use Kalin’s short code plugin, which is no longer supported, and never liked the replacement. I find your plugin wonderful to use, and will write up a glowing review after I deliver my system.

    Cheers…

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

The topic ‘Inline menu list’ is closed to new replies.