Responsive Child Theme

  • Resolved joeyzbg

    (@joeyzbg)


    9 years, 5 months ago

    Hello,

    I’m really trying to work with a child theme, but one thing is driving me insane. The style.css itself works perfectly with a child theme. The thing i dont get to work is the responsive.css
    I want to adjust the colors of the menu in mobile view, and want to do that in my child theme. Can anyone help me with this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Access Keys

    (@access-keys)

    9 years, 5 months ago

    Hi there,
    Please use your responsive style css to bottom of style.css in your child theme. It will work for you.
    Thanks,

    donmommis

    (@donmommis)

    9 years, 5 months ago

    Hi,

    I’m having the same proglem. I’ve added css changes to the my style.css of the child theme, but the parts pertaining to responsive.css aren’t changing. Specifically the “background” color of:

    .main-navigation .menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 48px;
    z-index: 9999;
    background: #0077B2;
    }

    Theme Author Access Keys

    (@access-keys)

    9 years, 5 months ago

    Hi,
    For the responsive you have to write CSS under media query. The above CSS effect the whole style that you targeted. For the background use !important in end of color code.
    Thanks

    JesterFX

    (@jesterfx)

    9 years, 5 months ago

    JesterFX

    (@jesterfx)

    9 years, 5 months ago

    putting !important after any of my classes in the child stylesheet has no effect

    @media screen and max-width 1024px {
#primary {
width:888px !important;
}

#site-title {
    font-size: 4.5rem !important;
	background:red;
}
}

    am i missing something?

    Thanks

    JesterFX

    (@jesterfx)

    9 years, 5 months ago

    resolved, removed and reuploaded stylesheet

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Responsive Child Theme’ is closed to new replies.

Tags