Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1145307

    Hello Kriesi support staff,
    Thank you for your wonderful theme! For my business site I would like to use my horizontal version of my logo only for the sticky header. I used the code suggested by Yigit on a post dated March 13, 2017 “Different logo for sticky header”, but it is not working. Can you please help me with this problem?
    thank you!

    #1145308

    that depends on your logo. If it was possible to have it as svg – this would be very nice and the best solution for it.
    See for example the pssibilities of a svg as logo on: https://webers-testseite.de/cynthia/

    so maybe a link to your site would be the best.

    #1145441

    Hi ddagraphics,

    You can set a separate transparency logo under Enfold->Header->Transparency options. Please try that out.

    Best regards,
    Rikard

    #1147928

    Thank you very much, Rikard, for your suggestion. I believe I have set all of the options correctly but I am sorry that I am unable to make the transparency logo appear. Thanks again for your wonderful theme.
    Best Regards,
    ddagraphics

    #1148288

    Hi,

    Thanks for the update. I see that you don’t have the front page set to use a transparent header, on which page can we see the problem you are having?

    Best regards,
    Rikard

    #1148588

    Dear Rikard,
    I have my main logo in the header, but I ultimately want to use a different logo in my sticky header which is: (dd-logo-sticky.png in the media library). I tried using the following code from someone else’s posting but i was not successful. Can you make it work for my website? Thank you!

    March 15, 2017 at 12:52 pm#761368REPLY
    Yigit
    Moderator
    Hi,

    Please add following code to Fuctions.php file in Appearance > Editor

    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= ‘‘;
    return $sub;
    }
    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled .logo > a > img { display: none !important; }
    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #1149656

    Hi,
    Sorry for the late reply and thanks for the login, I took a look and your child theme functions.php and found that the url didn’t point to your second logo image correctly, so I fixed it. Here is a snippet using our logo should anyone want to try this on their site:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub) {
        $sub .= '<img src="https://kriesi.at/wp-content/themes/kriesi/images/logo.png"/>';
        return $sub;
    }

    I then added this css to your child theme styles.css to switch the logos on scroll:

    #header.header-scrolled span.logo > a > img {
    	display: none !important;
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    #1149907

    Thank you so much, Mike. That did it! The sticky logo looks great!
    Best Regards,
    ddagraphics

    #1150037

    Hi,

    Great, I’m glad that Mike could help you out and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1150213

    Hi, Rikard,
    Thank you again for all the help. You can close this topic.
    Best Regards,
    ddagraphics

    #1150278

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘using a different logo for sticky header’ is closed to new replies.