Tagged: , , , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 1, 2014 at 9:03 pm #285905
    July 1, 2014 at 10:06 pm #285928
    Josue

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    July 1, 2014 at 10:11 pm #285932
    gmarco

    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 10 years, 5 months ago by gmarco.
    July 1, 2014 at 10:15 pm #285936
    Josue

    Add this too:

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

    Regards,
    Josue

    July 1, 2014 at 10:25 pm #285941
    gmarco

    Still the same.

    July 2, 2014 at 7:23 am #286064
    Ismael

    Hey!

    Please add this on Quick CSS or custom.css:

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

    Best regards,
    Ismael

    July 2, 2014 at 11:43 am #286156
    gmarco

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

    July 2, 2014 at 11:55 am #286162
    Yigit

    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

    July 2, 2014 at 12:04 pm #286165
    gmarco

    Which of all the codes I should be applying then?

    Only?:

    strong.logo, .logo a img {
width: 340px !important;
}
    July 2, 2014 at 12:09 pm #286166
    Yigit

    Hey!

    Please remove that code and it should work fine

    Best regards,
    Yigit

    July 2, 2014 at 12:19 pm #286169
    gmarco

    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.

    July 2, 2014 at 12:36 pm #286171
    Yigit

    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

    July 2, 2014 at 12:52 pm #286176
    gmarco

    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 10 years, 5 months ago by gmarco.
    July 2, 2014 at 11:43 pm #286434
    gmarco

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

    July 2, 2014 at 11:59 pm #286437
    Josue

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

    .logo img {
    padding: 43px 0;
}

    Cheers!
    Josue

    January 19, 2017 at 8:58 pm #736091
    nautrino

    thanks, that helped me!
    :-)

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