Title: Menu Section Sorting Items & Dotted Lines
Last modified: January 29, 2022

---

# Menu Section Sorting Items & Dotted Lines

 *  Resolved [crownmarketers](https://wordpress.org/support/users/crownmarketers/)
 * (@crownmarketers)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/menu-section-sorting-items-dotted-lines/)
 * 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](https://wordpress.org/support/users/jaysupport/)
 * (@jaysupport)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/menu-section-sorting-items-dotted-lines/#post-15317157)
 * 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](https://ibb.co/8XmM1Qr)
    -  This reply was modified 4 years, 4 months ago by [jaysupport](https://wordpress.org/support/users/jaysupport/).

Viewing 1 replies (of 1 total)

The topic ‘Menu Section Sorting Items & Dotted Lines’ 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/)

 * 1 reply
 * 2 participants
 * Last reply from: [jaysupport](https://wordpress.org/support/users/jaysupport/)
 * Last activity: [4 years, 4 months ago](https://wordpress.org/support/topic/menu-section-sorting-items-dotted-lines/#post-15317157)
 * Status: resolved