Supreme Theme responsive points

Hi luca,

Thanks for your post. Could you share your Website URL here in question so that I could try and see if this is possible using custom CSS code?

Thanks!

We do not generally provide CSS to change breakpoints because these ship with the plugin.

However, you can control the default view/layout, and it is not necessary to use CSS to achieve this with V2.

There are 2 elements involved

The layout selector is shown on the page with gd_loop_actions

The listings are shown with gd_loop

The layout is predetermined by the options applied to gd_loop

If you apply the layout to gd_loop, then remove gd_loop_actions, the layout you choose will be set and the user will not be able to change it.

To make the adjustments, open your search page template and adjust the elements
https://wpgeodirectory.com/docs-v2/geodirectory/personalize/
https://wpgeodirectory.com/docs-v2/geodirectory/page-design/

Let us know how it goes

Right now your custom css is in a snippet, but, it is probably better if you keep it in appearance -> customizer

Hi Luca,

Thanks for your reply. Try using the custom CSS code below and see if it’s what you’re looking for?

@media only screen and (max-width: 600px) {
  body.home .geodir_location_listing ul.geodir-category-list-view>li {
    width:100%!important;
}
body.sd ul.geodir-category-list-view>li {
    width:100%!important;
}
}