Relocating Display On Business Listing Details Page

Welcome 🙂
It is always a good idea to post URLs of the pages you are talking about so we can see what have done so far. You can do that in a private reply if you like, which is good for sharing WP admin details too.

Here are some links to get you started:
https://wpgeodirectory.com/docs/customizing-geodirectory-templates/
https://wpgeodirectory.com/docs/core-place-settings/#custom

hi,

everything can be modified via actions and filters without touching templates, for example you can change the address format with this function in your child theme functions.php file:

Giri already replied on another topic of yours about this: https://wpgeodirectory.com/support/topic/changing-address-layout/

If you give us other examples with screenshots of what you need to do, we will try to point you in the right direction.

Let us know,

Thanks

I tested it and Giri’s code is correct and works fine if pasted at the end of the supreme’s functions.php file. Sorry, but without login details we cannot check anything.

Without seeing the code used I cannot comment really, but be careful with copying and pasting any code that has quotes or double quotes in it. Make sure they are not “curly” quotes.
If we need to check the code, please post admin details and tell us where to find the code. Thanks.

HI Jimmy,

I flagged this for Giri, he’ll reply tomorrow 1st thing, because today he is off.

Thanks for your patience,

Jimmy,

For address use this css instead of filter.

#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="streetAddress"] +br {display: initial;} /* Adds a line break after the street address */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressLocality"] {display: initial;} /* Makes the city show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressLocality"] +br {display: none;} /* Makes the city show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressLocality"]:after {content: ", ";} /* Adds a comma and a space after the city */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressCountry"] {display: none;} /* Makes the country show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressRegion"] {display: initial;} /* Makes the region show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressRegion"] +br {display: none;} /* Makes the region show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressRegion"]:after {content: ", ";} /* Adds a comma and a space after the city */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="postalCode"] {display: initial;} /* Makes the postcode show */

As far category, you may have to display category in full width if you want non truncated text.

So try this css.

@media (max-width: 468px) {
    .sd.home .featured-area .geodir-pcat-show, .sd.sd-location .featured-area .geodir-pcat-show {
        width: 90% !important;
    }
}

Let me know how that goes.

Thanks

Try replacing my old code with this one for address

#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="streetAddress"] {display: 
block;}
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="streetAddress"] +br {display: none;} /* Adds a line break after the street address */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressLocality"] {display: initial;} /* Makes the city show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressLocality"] +br {display: none;} /* Makes the city show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressLocality"]:after {content: ", ";} /* Adds a comma and a space after the city */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressCountry"] {display: none;} /* Makes the country show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressRegion"] {display: initial;} /* Makes the region show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressRegion"] +br {display: none;} /* Makes the region show */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="addressRegion"]:after {content: ", ";} /* Adds a comma and a space after the city */
#gd-sidebar-wrapper .geodir_more_info.post span[itemprop="postalCode"] {display: initial;} /* Makes the postcode show */

Popular category works fine when testing with desktop browser. If it doesn’t work in mobile, try increasing viewport size.

I have used 468px. Make it 568px and try