horizontal view

I’m glad you like the plugin.

You may be able to use the WordPress Navigation Menu Widget to accomplish what you want and not need an extra plugin, but in case you can’t, I’ve incorporated all the IDs and classes you’ll need to customize the menu in the Menu In Post Tools Shortcode Builder. You can find more information about each if you click the “Help” tab at the top-right of the screen.

Basically, to make a list horizontal, you need to set the “li” elements to the CSS property “display: inline.” You can read more about it here.

I recommend that in Tools -> Menu In Post Tools when you build your shortcode that you set either the Menu ID or the Menu Class to something specific to your menu to prevent the custom CSS from affecting all lists. In the example below, I used a class and called it “inline-menu-in-post”:

.inline-menu-in-post li {
	display: inline;
	margin: 0.5em;
	padding: 0;
	list-style: none;
}

The specific CSS you’ll use beyond the “display: inline” will be dependent on the theme you’re using, but that should get you started.

You can add the custom CSS to your child theme’s style.css or to Appearance -> Customize -> Additional CSS if you prefer.

Yes, you’ll need both the shortcode:

[menu_in_post_menu menu=91 container=”false” menu_id=”95″ menu_class=”“inline-menu-in-post”” style=”list”]

and the CSS:

.inline-menu-in-post li {
	display: inline;
	margin: 0.5em;
	padding: 0;
	list-style: none;
}

If that doesn’t work for you, you can post a link to your site and I can take a look at why the CSS isn’t working.