In order to remove the map and have the search results take up the full width of the screen, you will have to add the some CSS code to Appearance > Customize > Additional CSS. The code will be different depending on the theme you’re using and whether you are using the WP Job Manager plugin or the theme’s own listing plugin. For those themes that use the WP Job Manager, the code will look like this:
.mkd-ls-archive-map-holder {
display: none;}
.mkd-ls-archive-items-wrapper {
width: 100% !important;
padding: 30px 20% !important; /*optional*/
}
The first section of the code removes the map, while the second section of the code makes the search results take up the entirety of the screen.
Take note of the optional padding line. It determines whether the search results will take up the full width of the screen, or leave some space on the sides so they appear to be in grid. The second number in this line determines how much space will be left on the sides. You can also remove this line completely if you don’t want the content to be in grid.
Another thing worth noting is that this code will vary slightly depending on the theme. The lines that will be different are:
.mkd-ls-archive-map-holder {
.mkd-ls-archive-items-wrapper {
Here is how these lines will look depending on the theme:
Mikado-themes:
.mkd-ls-archive-map-holder {
.mkd-ls-archive-items-wrapper {
Qode:
.qode-ls-archive-map-holder {
.qode-ls-archive-items-wrapper {
Select:
.qodef-ls-archive-map-holder {
.qodef-ls-archive-items-wrapper {
Elated:
.eltd-ls-archive-map-holder {
.eltd-ls-archive-items-wrapper {
Edge:
.edgtf-ls-archive-map-holder {
.edgtf-ls-archive-items-wrapper {
As far as themes that use their own listing plugins are concerned, the CSS code will be different in the sense that the classes targeting the map and search results will be different.
You can find these classes by inspecting the elements and applying the same logic of removing the map and letting the search results take up the whole screen using the styling rules from the CSS above. This, however, would require a certain understanding of how HTML and CSS work.
If you can’t make these changes yourself for any reason, feel free to contact the support center and get assistance there.