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?
Fixing Image Size in Responsive Sentence WP Theme
8 posts from 3 voices-
Posted 11 months ago #
-
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
Posted 11 months ago # -
Sure. The URL for the site is http://outtacontext.com/wp2
Thanks.
Posted 11 months ago # -
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!!
Posted 11 months ago # -
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?
Posted 11 months ago # -
Hello,
You need to target h1.logo a img on each viewport. Try to put !important on each style.
Regards,
IsmaelPosted 11 months ago # -
Ismael, it seems to be working with the code that I showed above. What will adding the h1.logo do?
Posted 11 months ago # -
Hi,
Sorry my bad. You got it working. :)
Regards,
IsmaelPosted 10 months ago #
Topic Closed
This topic has been closed to new replies.














