can I change the order of display on mobile?

You might be able to achieve that with CSS, depending on how you are organizing your details page template.

For example, you could wrap 2 and 3 in a div that is only visible on desktop, and then 3 and 2 that is only visible on mobile.

You can find an example of how to use media@ specific CSS to target mobile here:

https://wpgeodirectory.com/docs/common-styling-examples/#legend

Halfway down this link you can also see additional examples in context with some explanation:

http://www.wpbeginner.com/wp-themes/how-to-create-a-mobile-ready-responsive-wordpress-menu/

GD provides a panel at GD > Design > Custom CSS that allows you to insert your custom CSS rules.

https://wpgeodirectory.com/docs/customizing-your-style/

Using that panel, GD will inject your code as high priority inline CSS. If you write some CSS and it doesn’t quite work, you can post it back here and we can take a look.

Here is an example to place into your GD > Design > CSS to hide the category list on mobile (under 375px width)

`
@media all and (max-width: 375px) {
.sd .featured-area .geodir-category-list-in {
display: none;
}
}