Hi Michael! The order should be the same as the order of the buttons. Is this not the case on your page?

I’m not sure what you mean. The menu is generated by the filter buttons. This code will simply convert the buttons into a dropdown select. If you’re wanting to change the appearance of the dropdown, that’s well beyond this tutorial but you might want to take a look here – https://www.filamentgroup.com/lab/select-css.html

How can u cosumize the dropdown menu in this code?

/T

Fixed! THANK YOU for bringing that to our attention Nadine!

Hi Philip! We are in the process of adding this to the Divi FilterGrid plugin as an option. In the meantime, we do have a temporary javascript solution. If you could create a support ticket or shoot us a message, we would be happy send this to you. Thanks!

Hi Michael! You should be able to do this with CSS. At the bottom of the script above, we are hiding the original filters using jquery hide() function. You should be able to use a media query to display them only if the browser is over 1280px. Try this:
@media only screen and ( min-width: 1280px ) {
.et_pb_portfolio_filters ul li {display: list-item !important;}
.et_pb_portfolio_filters select {display: none !important;}
}