edit the code I gave you so it looks like this now:

if ( false == esc_attr(get_theme_mod( 'prologe_single_meta_info', false ) ) && is_single() ) {
	prologe_the_post_meta( get_the_ID(), 'single-top' );
}	

echo '<p class="meta-location">';
echo '<span class="meta-city">' , do_shortcode( '[wpuf-meta name="city"]' ), '</span><span class="meta-state">';
echo do_shortcode( '[wpuf-meta name="dropdown"]' ), '</span>';
echo '</p>';

Then, to disable the original meta row, go to the customizer >> Prologe Theme Options >> Post Settings

Under Post Show or Hide Items, check the box next to “Hide Full Post Meta Info”.

To style your new meta info, copy paste this into the customizer’s Additional CSS tab:

.meta-location {
    color: #8c8367;
    font-size: 1rem;
    font-weight: 500;
    margin: auto;
    text-transform: capitalize;
}