Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    I don’t believe that is possible without scripts….and none come to mind that can do that.

    Thread Starter daddybo

    (@daddybo)

    I have searched about this topic and now this is working for me:

    @media only screen and (min-width : 320px) and (max-width: 384px) {
      .site-header  img {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(http://sub1.ffcenter.tk/images/header-mobile-320x99.jpg) no-repeat;
        width: 310px; /* Width of new image */
        height: 99px; /* Height of new image */
        padding-left: 310px; /* Equal to width of new image */
        margin: 0 auto; /* Center it */
      }
    }
    Theme Author Shaped Pixels

    (@shaped-pixels)

    hey! Nicely done!

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

The topic ‘site logo header image’ is closed to new replies.