Need help? Check out our Support site, then


Responsive image in Mixfolio header

  1. I'm setting up my blog and am in the process of making a few changes to the css. Instead of a text title in the upper-most header, I've elected to use a logo. Since I can't change the html of the theme (as far as I know), I used an absolute link to an image I uploaded as media to WordPress. I wasn't thinking about that not being a responsive image.

    Are there any workarounds for this? It's important to me that the blog be responsive.

    Thanks!

    The blog I need help with is thissustainablelife.org.

  2. Hmmm, I've tried several things to no avail, but let me continue with it. I'm pretty sure I can figure out how to do this.

    Stay tuned. :)

  3. Thanks, thesacred path. You're a rock star. I'll sit tight.

  4. I have a few things I need to do, but I will get back to this for you. We might have to put the image into a different div/selector to get things to work properly.

  5. In your "#branding h1 a, #branding .brand" block, try adding this:

    background-size: contain;
    max-width: 100%;

    Note that this is just one possible solution and that "background-size" is CSS3, and that means it will only work in modern browsers.

  6. @designsimply, thanks for getting this one. It had slipped past me. :)

  7. No problem! Do you think background-size is a good solution?

Topic Closed

This topic has been closed to new replies.

About this Topic