Responsive image in Mixfolio header

  • Author
  • #1231524


    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.


    The blog I need help with is


    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. :)



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


    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.


    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.


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


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

The topic ‘Responsive image in Mixfolio header’ is closed to new replies.