child theme responsive.css not being returned.

[PlaneCreative]

The changes I made to responsive.css in my child theme were not being returned and instead the parent theme responsive.css was.

My solution was to change line 7 of functions.php in the parent theme directory to use get_stylesheet_directory_uri() instead of get_template_directory_uri().

Is this an appropriate solution? Was there a specific reason get_template_directory_uri() was used?

[satori]

Hey Jose,

that is correct, the responsive.css mostly contains features that allow for the proper functioning of the theme on smaller screens rather than styling, thus it is originally not intended for overrides via child theme; hence the “get_template_directory_uri()” usage. However, if you do want to change it in the child theme, you’ve done the correct thing by changing to “get_template_directory_uri(). Do not forget to include the original file using the @import declaration (see the child’s style.css for an example).

Sincerely,
Andrii / Satori Studio

[Author]

Posts