Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 18, 2014 at 1:09 am #211465
    foreigner

    Hello. Upon beginning to set up Enfold on my existing WP site, I did first things first and uploaded a logo. It took me a few minutes to figure out that the logo could not have a transparent bg, that to achieve the exact 340×156 dimensions, I needed to take a vector of the logo and turn it into a rectangular non-transparent png with the white space serving as padding (I’m horrible in Photoshop, but I think I can do this much). I’ll assume that much is best practice for this theme, as that’s what I found when I looked at the Enfold logo.

    Assuming that’s correct, how do I avoid having the logo shrink so much on scroll? The logo I’m using has a detail that is lost when shrunk so little (I really like the shrink effect–just maybe a tad less).

    If it makes a difference, I’ll likely be using a header with two menus, as I will need one for logged-in users only.

    Thanks!

    January 18, 2014 at 9:40 pm #211689
    foreigner

    Questions simplified:
    Is pasting the logo on a max 340×156 area considered best practice for Enfold (i.e., as opposed to say, a transparent png with padding)?

    How to make the logo shrink less on scroll?

    Thanks!

    January 18, 2014 at 11:42 pm #211768
    Ismael

    Hi!

    Please add this on Quick CSS:

    .header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
	min-height: 70px !important;
}

#top .header-scrolled .main_menu {
	margin-top: 15px;
}

    Adjust the top margin of the menu according to the height of the header.

    Best regards,
    Ismael

    January 19, 2014 at 2:04 am #211839
    foreigner

    Ok, thanks. Now shrinks to a more moderate size in Firefox and Chrome, but not in IE (11). Haven’t tested on mobile.

    January 20, 2014 at 4:09 pm #212284
    Yigit

    Hi!

    Can you post the link to your website so we can test it as well?

    Cheers!
    Yigit

    January 20, 2014 at 9:22 pm #212431
    foreigner
    This reply has been marked as private.
    January 20, 2014 at 11:20 pm #212469
    foreigner

    Added (likely related) information: I tried adding the css given here just to see what it would look like: https://kriesi.at/support/topic/making-header-background-and-menu-background-more-transparent/

    Header remained the same on all browsers. Absolutely nothing changed (this with the previous css deleted). So I’m figuring something’s going on with the header–just hoping it’s not a conflict with a critical plugin (though nothing indicates it is). Thanks.

    January 21, 2014 at 6:21 pm #212877
    BASISberlin

    tried that code… and now the logo shrink looks perfect. Thanks a lot.
    I still have one little issue: the Header menu (on the right side) still moves upwards after logo shrink already has stopped and jumps to the correct position a little later. I would like to stop the menu movement a little earlier and get rid of the jump.

    Best, Tobi

    • This reply was modified 10 years, 10 months ago by BASISberlin.
    January 22, 2014 at 1:58 am #213110
    Yigit

    Hi!


    @foreigner     Tried to login to your website but it gives “503 service unavailable” error :/

    @basisberlin     Can you post the link to your website?

    Best regards,
    Yigit

    January 22, 2014 at 4:09 am #213159
    foreigner

    Hi Yigit

    Thanks for responding. I had to close the website down while I work on it; I figured you’d be able to get in with the admin credentials. I simply couldn’t afford to wait for the days to go by without advancing beyond what’s usually a one-minute step 1. I suspect the CSS above doesn’t work in any version of Explorer (again, it’s fine in other browsers) , particularly when the full screen slide is on (which is my case).

    I know that you have an immensely popular theme–hey, well deserved!–and I understand your team can’t get to some support questions promptly; but I have to come back to this issue after I finish what I’m doing now–unless I have problems there, too ;)

    By the way, i tried it with the default Enfold logo–same problem.

    Will be in touch–thanks again!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Logo: format & shrink’ is closed to new replies.