Alignment for multiple prices

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!