Tagged: , , , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #285905
    #285928

    Hey!

    Try adding this code to the Quick CSS:

    #header_main .container, .main_menu ul:first-child > li a {
        height: 156px;
    }

    Cheers! 
    Josue

    #285932

    Still blur after adding quick css :(

    You can see original logo picture has no blur: http://www.geekrise.com/wp-content/uploads/2014/06/geekrise_logo.png

    • This reply was modified 9 years, 8 months ago by gmarco.
    #285936

    Add this too:

    .logo img {
        -webkit-transform: translate3d(0, 0, 0);
    }

    Regards,
    Josue

    #285941

    Still the same.

    #286064

    Hey!

    Please add this on Quick CSS or custom.css:

    strong.logo, .logo a img {
    width: 340px !important;
    }

    Best regards,
    Ismael

    #286156

    None of them working for me. It’s still the same blurry logo image.

    #286162

    Hey!

    This is how it looks on my end if i remove following code – http://i.imgur.com/x3nWe5V.png

    strong.logo, .logo a img {
    width: 340px !important;
    }

    Cheers!
    Yigit

    #286165

    Which of all the codes I should be applying then?

    Only?:

    strong.logo, .logo a img {
    width: 340px !important;
    }
    #286166

    Hey!

    Please remove that code and it should work fine

    Best regards,
    Yigit

    #286169

    I got really confused by the last answer. So let’s clarify this.

    I’m currently using the following code on Quick CSS and I still see blur logo. So it’s not working for me on Chrome.:

    #header_main .container, .main_menu ul:first-child > li a {
        height: 156px;
    }
    
    .logo img {
        -webkit-transform: translate3d(0, 0, 0);
    }

    If that’s not the correct CSS I should apply please clarify me.

    #286171

    Hi!

    It does look fine on my end now – http://i.imgur.com/HgtFqry.png
    You should not add any additional custom CSS code at this point. Please flush browser cache and refresh your page a few times.

    Regards,
    Yigit

    #286176

    For me it’s not working If you zoom in browser sharp edges look a bit better but it’s not working:

    Logo on the right of the picture is the original logo being used:
    http://www.geekrise.com/wp-content/uploads/2014/06/geekrise_logo.png

    Image shouldn’t be a problem it’s PNG and dimensions are 340px * 156px (recommended for Enfold theme)
    I’ve tried on 3 different browsers: Firefox, Chrome & Maxthon. I’m using header size “large”. And the CSS code in my previous post.

    • This reply was modified 9 years, 8 months ago by gmarco.
    #286434

    Still trying to test all the codes you posted but still not working :(

    #286437

    I see you are now using a modified logo, try with this code to center it vertically:

    .logo img {
        padding: 43px 0;
    }

    Cheers!
    Josue

    #736091

    thanks, that helped me!
    :-)

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Disable logo resizing on large header’ is closed to new replies.