Support » Plugin: Five Star Restaurant Menu » Alignment for multiple prices

  • Resolved dazzle99

    (@dazzle99)


    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)
  • 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.

    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

    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/

    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.