Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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?

    #79090

    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.

    Regards,

    Devin

    #79091

    Sure. The URL for the site is http://outtacontext.com/wp2

    Thanks.

    #79092

    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!!

    #79093

    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?

    #79094

    Hello,

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

    Regards,

    Ismael

    #79095

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

    #79096

    Hi,

    Sorry my bad. You got it working. :)

    Regards,

    Ismael

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

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