Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 4, 2015 at 11:43 am #405692
    MDPC

    Hi there!
    Not the first time I come here but always a pleasure to play with Enfold theme, for me it’s the best and versatile WP theme around.
    Thus, I’d like to know if it’s possible to use different logos in the header depending of its size, I’ll try to explain it better with my poor english:
    When the header is full size, I’d like to use one “square” logotype for the header but when it shrinks (as persistant header) as we scroll down the page I’d like to use one “rectangular” logotype, in fact the name of the brand…
    Please let me know if this is achievable without heavy modifications or do I need to go into deep and heavy modifications.
    Waiting to hear from you;
    Best regards.

    March 4, 2015 at 5:56 pm #405925
    Yigit

    Hey MDPC!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled .logo im { opacity: 0; }
.header-scrolled .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-size: contain; background-repeat: no-repeat; }

    If that does not help, please post the link to your website :)

    Regards,
    Yigit

    March 6, 2015 at 11:32 am #406918
    MDPC
    This reply has been marked as private.
    March 6, 2015 at 6:49 pm #407193
    Yigit

    Hi!

    Can you post to your login page please? When i try /wp-admin and /wp-login i get “Object not found!” error

    Best regards,
    Yigit

    March 6, 2015 at 6:53 pm #407201
    MDPC
    This reply has been marked as private.
    March 6, 2015 at 6:57 pm #407206
    Yigit

    Hi!

    Please review your website now. Instead of “img” i wrote “im” in my first code. It should be as following

    .header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-size: contain; background-repeat: no-repeat; }

    Cheers!
    Yigit

    March 6, 2015 at 7:01 pm #407211
    MDPC

    Works like a charm!
    You really guys are the best support around, thanks you very much!
    You simply Rocks :)

    March 6, 2015 at 7:14 pm #407228
    Yigit

    Hey!

    You are welcome, we are always glad to help :) Let us know if you have any other questions or issues.
    Have a great weekend!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Different logos for normal header / shrinking header’ is closed to new replies.