Hi there!
I changed the size of our logo with this custom css found in the forum:
.logo, .logo a, .logo a img {
width: 350px;
height: 117px;
}
Now it doesn’t seem to resize with the menu when scrolling. I am using a child theme. Can you give some advice? Website is:
http://www.get-on-apps.com/en/
Thanks :-)
Hi kermit73,
As far as I know when you overwrite the logo size with css like that the javascript which re-sizes the header container size isn’t able to effect the logo any longer.
Your best route would be to just increase the size of the logo on its canvas and then re-upload from there. Without the above css its at 317px wide so there is still some room for you to increase the logo on its canvas without needed to change anything within the theme to make the logo bigger.
Regards,
Devin
Hi Devin,
so if I understand it right – the maxium size for the Logo is 317px? Cause I uploaded it already with 350px and it looked too small…
Regards
Maike
Just set the width of the image and the logo should resize just fine. So instead of
.logo, .logo a, .logo a img {
width: 350px;
height: 117px;
}
use
.logo, .logo a, .logo a img {
width: 350px;
}
Mmmh, it resizes now but only in the height and not proportional. Something else I could do?
Thanks again!
Hey!
Try following code
.logo, .logo a, .logo a img {
max-width: 350px;
width: 100%;
}
Regards,
Peter
Hi Peter,
it works perfectly with height: 100 % instead of width!
Thanks a lot :)