djoliverm

Hey thanks for the reply. So yeah, through the inspector I can see which line of code I have to change, the problem I think is that the responsive.css supersedes everything else, so just dropping the same code in my child style.css does nothing. The original line of code also has an !important tag originally, so only way that I’ve been able to get everything to work is to comment out that line in the original responsive.css. Here is what it looks like originally:

@media only screen and (min-width: 480px) and (max-width: 690px) {

 	body .container, body div.slider-nav {
    	max-width: 420px!important;
  	}

And this is what I need it to be:

@media only screen and (min-width: 480px) and (max-width: 690px) {

 	body .container, body div.slider-nav {
    	max-width: 90%!important;
  	}

I tried putting in the code you suggested, but it didn’t seem to enqueue the responsive.css in my child theme. When I look in the inspector at the head, I see two versions of the responsive.css being pulled, with ids of “responsive-css” and “responsive_css-css”, but both from the parent theme. Just still not sure how to get it to load the child theme version.

Thanks again for your help!

Yeah I was reading on the codex that this would help if it wasn’t loading up properly, but say for example the code below:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/css/responsive.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/css/responsive.css',
        array('parent-style')
    );
}

The responsive.css that’s in my child theme isn’t being loaded. I’m assuming I’m doing something wrong here, but just curious how to go about loading that responsive.css from my child theme.

Thanks again!

Cool, I understand. I was able to mess about in the CodeMirror folder and was able to port the themes since they’re on the latest CodeMirror repo. Thanks for the tip!