WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
Plugin doesn't work on child theme (1 post)

  1. Haggis0929
    Member
    Posted 10 months ago #

    I have been having a major issue trying to get a responsive header on twentythirteen sites. I finally came across a plugin called "headers-demo" that did the trick. Unfortunately, it only worked on the adult theme... As soon as I created a child theme for other edits, the plugin didn't work anymore. I tried removing and re-installing after the child theme was up, but that didn't work, either.

    After further inspection, I found that the headers-demo/style.css file is listed as "INACTIVE" when I go to Plugins>Editor.

    So, I'm not sure if I need to somehow activate this .css file, or if I need to copy/paste the code somewhere else in the child theme (which I've tried in several places with no luck).

    Any ideas would be most helpful!!!! Here's the code in headers-demo/style.css:

    /**
    *
    * A child theme would be more appropriate for this CSS.
    * Not all the widths are needed, but these are the widths TwentyThirteen uses.
    *
    */

    /* define header images depending on screen width */
    .site-header {
    background-image: url(images/header3200.png);
    background-size: 1600px auto;
    background-position: center top;
    }

    @media (max-width: 1599px) {
    .site-header {
    background-image: url(images/header3200.png);
    background-size: 1600px auto;
    }
    @media (max-width: 1069px) {
    .site-header {
    background-image: url(images/header2140.png);
    background-size: 1070px auto;
    }
    }
    @media (max-width: 999px) {
    .site-header {
    background-image: url(images/header2000.png);
    background-size: 1000px auto;
    }
    }
    @media (max-width: 767px) {
    .site-header {
    background-image: url(images/header1536.png);
    background-size: 768px auto;
    }
    }
    @media (max-width: 643px) {
    .site-header {
    background-image: url(images/header1288.png);
    background-size: 644px auto;
    }
    }
    @media (max-width: 359px) {
    .site-header {
    background-image: url(images/header720.png);
    background-size: 360px auto;
    }
    }

    /* set colour of header text */
    .site-title, .site-description {color: navy;}

    /* uncomment to remove header text */
    /* .site-title, .site-description {display: none;} */

Reply

You must log in to post.

About this Theme

About this Topic