Listing Category page customization

To fix the title:

.archive .entry-header h1 {
    padding: 10px 15px;
}

Thanks

Hi fsuk,

If you would like to remove the borders you can just apply the custom CSS code below. If not, tell me how do you want it to look like and I’ll try my best to help you with this.

.archive .entry-header, .geodir-breadcrumb {
    border-bottom:0px!important;
}

Thanks!

Like I said, have a look at the CSS of the other site.
Rather than containing the whole page to a max width, they are containing separate section, like the tile etc.
So instead of

#main-content {
    max-width: 1219px;
    margin: auto;
}

you would apply that to other elements like

.archive .entry-header, .geodir-breadcrumb {
    max-width: 1219px;
    margin: auto;
}