Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1398601

    Hi there,

    First of all: I would like to thank you for providing us with your services and generous support.

    I would like to raise a couple of issues I have faced, I hope somebody quickly can jump in and help me out.

    (1)
    When using the content element “time line” the individual bullet/symbol points get their active colour as soon when the user scrolls them into the viewport. I would like to expect the same behaviour for the content element “symbol list”, but apparently all of the bullet/symbol points get triggered as soon as the first bullet point gets into the viewport, and then immediately after all of the other elements get activated. Is this something you might change on code base and/or can I quickly change the behavior by altering code in the functions.php?

    (2)
    I am using the code changes as described here

    to change the logo on the homepage, but I need to change the logo on the homepage which is set for the transparaent Header, I have uploaded it under “Theme Options>Header>Transparent Header” — what do I need to change?

    (3)
    On all the other sub-pages (excluding home) I need the transparent logo to be centered, unfortunately I was not able to isolate which to change, neither class nor identifier.

    (4)
    On mobile I use the following method to alter the mobile logo

    — I would also like to hide the mobile header’s background image, coukd you please hint me what to add?

    Kind regards,
    Alex

    • This topic was modified 1 year, 9 months ago by Alex Freelance. Reason: added private content
    #1398808

    Hey Alex Freelance,
    Thank you for your patience, as I understand for the homepage logo you want to show the center logo on the transparent header instead of the left-side oval logo,
    please try this css:

    #top.home .av_header_transparency .logo img.alternate, .av_header_transparency .logo .subtext.avia-svg-logo-sub svg {
        opacity: 0;
    }
    #top.home .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
        opacity: 1;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1398831

    Hi Mike,

    Thank you for coming back at me. My apologies for not being clear enough in my post.

    I actually want the oval logo to be replaced by another one just on the homepage, by using an URL. The oval logo should be retained on all the other pages. By following Enfold’s documentation “CHANGE THE LOGO IMAGE ON SOME PAGES” I can only exchange the main logo but not the “transparent” one, could you pls help me out, on what to change in addition to the code found in the documentation?

    Cheers,
    Alex

    #1398870

    Hi,
    Thanks for your feedback, if you use this function to assign the frontpage logo:

    add_filter('avf_logo','av_change_logo_img');
    
    function av_change_logo_img($img)
    {
        if( is_front_page() )
        {
            $img = "/path/logo-home.png";
        }
        return $img; 
    }

    then add this css to show it on the transparent header:

    #top.home .av_header_transparency .logo img.alternate, .av_header_transparency .logo .subtext.avia-svg-logo-sub svg {
        opacity: 0;
    }
    #top.home .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
        opacity: 1;
    }

    I tested this on my demo site and the image in the function shows only on the homepage and in the transparent header.
    If this doesn’t work for you, please include admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    #1398874

    Hey Michael,

    Thank you for the quick response. In fact your CSS does the trick, just forgot to remove the comment tags from the (child) function.php .

    Could pls advise I would still need the other logo to slide in when scrolling down, the main logo one can see e.g. on the Imprint page when scrolling down (link provided in private content), it is the one I have uploaded under “Theme Options -> Logo”

    Best,
    Alex

    • This reply was modified 1 year, 8 months ago by Alex Freelance. Reason: edited for clarity
    #1398937

    Hi,
    As I understand for the homepage only you would like the logo
    /wp-content/uploads/2023/02/2023-02-SB1-Datenaufbereitung-Website-3zu2-1800×1200-LogomitVerlauf.png
    before scrolling in the transparent header
    and after scrolling you would like the logo:
    /wp-content/uploads/2023/02/2019-10-SB1-Logo-Schmusebacke-quer-RGB-weiss-breiter_groesser-e1676543563718.png
    Typically when scrolling the transparent header the class header-scrolled is added, but I’m not seeing this now on your site.
    It also seems that your homepage menu is now hidden, is this by design?
    Please include an admin login in the Private Content area so we can see your settings and assist further.

    Best regards,
    Mike

    #1399007

    Hi Mike,

    yeah, exactly!
    I’ve added admin login, pls let me know, if you need further assisstance! Your support is highly appreciated :)

    I’ve hidden the menu re-using your CSS from a previous ticket, just so it only does appear when scrolling down. ;)

    Cheers,
    Alex

    • This reply was modified 1 year, 8 months ago by Alex Freelance.
    • This reply was modified 1 year, 8 months ago by Alex Freelance. Reason: for clarity
    #1399023

    Hi,
    Thanks for the login, first I removed the above css, then I added a function to show a different Transparency Logo on the home page:

    function av_change_alt_logo_img($header){
        if( is_front_page() ){
            $header['header_replacement_logo'] = "Transparency-Logo.png";
        }
        return $header; 
    }
    add_filter('avf_header_setting_filter','av_change_alt_logo_img');

    when combined with your current function to show a different logo on the home page, both logos can be changed apart from the theme settings:

    function av_change_logo_img($img)
    {
        if( is_front_page() ){
            $img = "logo.png";
        }
        return $img; 
    }
    add_filter('avf_logo','av_change_logo_img')

    I also found that you had some css to move the logos on the other pages, but I believe you wanted the Transparency Logo to stay to the left on the homepage so I adjusted your css to ignore the homepage by adding #top:not(.home) to it.
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1399068

    Hi Mike,

    Thanks a mill, your solution has worked out just perfectly!

    Pls close the ticket, for anything else I’ll eventually open a new thread.

    Best,
    Alex

    #1399078

    Hi Alex,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Help needed pls with alternate header logo’ is closed to new replies.