Change view on mobile phones

Hello!

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;
}
}