How to edit responsive styles in Child theme

  • ashkirk

    (@ashkirk)


    11 years ago

    I have created a Child Theme of Adventure (by Organic Themes) and it is going well. I am able to edit my own css file and make changes without altering the parent theme.

    I am having a problem however editing the CSS styles of the responsive css (style-mobile.css). I’ve tried creating a new style-mobile.css file in my child theme directory with some css code, but my code is overwritten by another style. Even tried putting the media query in the main style.css file of my child theme and that doesn’t work either.

    I read that perhaps it has something to do with this line in the function.php file:

    wp_enqueue_style( 'adventure-style-mobile', get_template_directory_uri() . '/css/style-mobile.css', array( 'adventure-style' ), '1.0' );

    Perhaps because of the order this is loading, it is overwriting my CSS?

    Anyone know how i can override the responsive css with some of my own styles?

    I know nothing about the function.php file so any help is appreciated.

    Thanks,

    ak

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,
    I am no expert but I am doing the same thing, even though I haven’t had a need for changing the mobile styles.

    What I would try first would be to add the following statement in your child css:

    @import url(“../organic_adventure/css/style-mobile.css”);
    (adjust the info/path for your own set-up)

    Then below this, include the elements you have modified from the original.
    Best
    Didier

    Hi ashkirk,

    Did you manage to find a solution to this?

    I’ve run into the same problem.

    I have saved a copy of responsive.css but any edits I make are not taking effect.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to edit responsive styles in Child theme’ is closed to new replies.