Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #28421

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

    #137495

    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

    #137496

    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

    #137497

    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;
    }

    #137498

    Mmmh, it resizes now but only in the height and not proportional. Something else I could do?

    Thanks again!

    #137499

    Hey!

    Try following code

    .logo, .logo a, .logo a img {
    max-width: 350px;
    width: 100%;
    }

    Regards,

    Peter

    #137500

    Hi Peter,

    it works perfectly with height: 100 % instead of width!

    Thanks a lot :)

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo doesn't resize’ is closed to new replies.