Menu Section Sorting Items & Dotted Lines

  • Resolved crownmarketers

    (@crownmarketers)


    4 years, 4 months ago

    Hi!

    How can I sort the menu items in each section. by default they are sorted alphabetically, how can I sort them by date added or custom sorting?

    Also how can I add the dotted line that most menus have between the name and price of an item?

    Thanks

Viewing 1 replies (of 1 total)
  • Plugin Support jaysupport

    (@jaysupport)

    4 years, 4 months ago

    Hello crown,

    Sorry for the late reply.

    To order menu items, go to the MENU ITEMS page in the plugin admin. To set the order of an item, hover over it and click the “Quick Edit” link. In the panel that opens, there will be an option called “Order”. You can assign a number value here. And then you can do the same for each item, to set the overall order. This uses WordPress’s built-in post ordering, so lower numbers display first and higher numbers display last. So, for example, give the item you want to display first an order of 1, the item you want to display second an order of 2, etc.

    You could add a dotted line between the menu item name and price by using some Custom CSS. Here’s an example:

    .fdm-item-title,.fdm-item-price {
    display: flex;
}
.fdm-item-price {
    margin-left: -1px;
}
.fdm-item-title:after,
.fdm-item-price:before {
  border-bottom: 2px dotted black;
  content: '';
  flex: 1;
}

    You can paste Custom CSS into the Additional CSS area of the WordPress theme customizer.

    Result: https://ibb.co/8XmM1Qr

    • This reply was modified 4 years, 4 months ago by jaysupport.
Viewing 1 replies (of 1 total)

The topic ‘Menu Section Sorting Items & Dotted Lines’ is closed to new replies.