Hello,
Maybe you could try kicking in some of the mobile styles earlier, like at the tablet viewport size? If you check out the theme’s default responsive.css file, you’ll see that at the mobile viewport size, the logo is centered and the header text dropped below and centered, as well.
It looks like you’ve completely altered the theme’s core responsive.min.css file? — So, I’m not sure what you were going for there, but you shouldn’t be editing any of the theme’s core files. This sort of defeats the purpose of the Child theme.
If you were using the sample child theme that came with the theme, you could have put your custom styles in the custom.css file included and it would come after all of the theme’s styles.
Additionally, you could simply de-register the theme’s responsive CSS file if you don’t want it to be applied.
Or you could register your own version of “themeblvd_responsive” from your Child theme that would override the theme’s.
function my_styles() {
wp_register_style( 'themeblvd_responsive', get_stylesheet_directory_uri() . '/assets/css/responsive.css' );
}
add_action( 'wp_enqueue_scripts', 'my_styles', 4 );
In this example, you’d have a file named “responsive.css” in your Child theme at /assets/css/.
http://dev.themeblvd.com/tutorial/overriding-a-framework-javascript-file/
