Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #13402

    I’ve changed the logo image and it fills the size of my header area. As I resize the screen towards a tablet size the logo png remains the same size (and there for overflowing into the right sidebar). But as you go down to the iPhone size, it resizes properly. How can I fix the way the image resizes as you make the window smaller?


    Hi outtacontext,

    In your themes css files there are some @media queries that change the css properties based on the screen size. If you can provide a link to the site we can give you the css changes needed to adjust to fit your logo.




    Sure. The URL for the site is



    I’ve been looking at the css to see just where to change the @media property for the logo as the screen size gets smaller. But I’m unable to figure it out.

    You were going to give me the css changes (the URL for the site is just above). Thanks!!


    I was playing around with the css. I saw that the logo resized properly for the small mobile size but not for the two intermediate larger sizes (it was fine for the big size). So, I went looking for the css that controlled the logo size in the media query mobile section.

    This is what I think controls the logo size. Am I correct?

    #top .logo{float:none; margin:0 auto; display: block; text-align: center; width:100%;}
    #top .logo a, #top .logo img{display: inline; float:none;}

    I took this code and added it to the media queries for each viewport size. And it seems to work.

    Is this the right way to do it? Is there a better way?



    You need to target h1.logo a img on each viewport. Try to put !important on each style.




    Ismael, it seems to be working with the code that I showed above. What will adding the h1.logo do?



    Sorry my bad. You got it working. :)



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Fixing Image Size in Responsive Sentence WP Theme’ is closed to new replies.