Title: Alignment for multiple prices
Last modified: May 14, 2017

---

# Alignment for multiple prices

 *  Resolved [dazzle99](https://wordpress.org/support/users/dazzle99/)
 * (@dazzle99)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/alignment-for-multiple-prices/)
 * Hi – love the plugin, quick q, and apologies if this is an obvious one to fix…
 * I have a menu item, with 2 lines beneath, each of which need a menu price. Adding
   2 prices sees the first price aligned with the menu item title, and then the 
   second price against the first line. Thought I might be able to “space” the prices
   down by adding a blank price, but this is not saved.
 * Is there an easy way to achieve this?
 * Thanks,
 * Darren

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

 *  [NateWr](https://wordpress.org/support/users/natewr/)
 * (@natewr)
 * [9 years ago](https://wordpress.org/support/topic/alignment-for-multiple-prices/#post-9132339)
 * Hi Darren,
 * I can give you a little bit of CSS code to space the price lower, but this won’t
   be a reliable solution because the spacing will change depending on the screen
   someone is using to view your website. On a small mobile device, the prices won’t
   appear on the right, and at some screen widths the items might take up more or
   less vertical space.
 * Instead, I’d encourage you to include the price directly into the Menu Item description,
   like this:
 * **Menu Item Title**
    The first item with a price: $9.99 The second item with 
   a price: $19.99
 * That will ensure the prices are linked to the correct item regardless of the 
   screen size.
 *  Thread Starter [dazzle99](https://wordpress.org/support/users/dazzle99/)
 * (@dazzle99)
 * [9 years ago](https://wordpress.org/support/topic/alignment-for-multiple-prices/#post-9138067)
 * Thx Nate, appreciate the speedy reply. I’d thought that might be the way to go.
   Only other thought was to create a subsequent menu item and then through CSS 
   make it appear as though it’s a second line of the preceding menu item. Is there
   a way to target specific items with CSS? (I could see this for the section but
   not the item itself).
 * Thanks!
 * Darren
 *  [NateWr](https://wordpress.org/support/users/natewr/)
 * (@natewr)
 * [9 years ago](https://wordpress.org/support/topic/alignment-for-multiple-prices/#post-9139792)
 * Individual items don’t have unique classes you can target. You’d need to do this
   using the `nth-child()` selector:
 * [https://css-tricks.com/useful-nth-child-recipies/](https://css-tricks.com/useful-nth-child-recipies/)
 *  Thread Starter [dazzle99](https://wordpress.org/support/users/dazzle99/)
 * (@dazzle99)
 * [9 years ago](https://wordpress.org/support/topic/alignment-for-multiple-prices/#post-9140105)
 * Ah, yep of course. Thx again for the speedy response!

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

The topic ‘Alignment for multiple prices’ is closed to new replies.

 * ![](https://ps.w.org/food-and-drink-menu/assets/icon-128x128.png?rev=2205559)
 * [Five Star Restaurant Menu and Food Ordering](https://wordpress.org/plugins/food-and-drink-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/food-and-drink-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/food-and-drink-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/food-and-drink-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/food-and-drink-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/food-and-drink-menu/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [dazzle99](https://wordpress.org/support/users/dazzle99/)
 * Last activity: [9 years ago](https://wordpress.org/support/topic/alignment-for-multiple-prices/#post-9140105)
 * Status: resolved