Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 13, 2017 at 12:13 am #759753
    laurentbouzelmat

    So, I am trying to have a different logo show up for the sticky header, but when I do that and size to mobile it shows both logos.

    For my CSS
    .header-scrolled .logo > a > img { display: none !important; }

    Here is what I have in my functions file:

    /*
    * adding sticky header and removing it for mobile
    */

    add_filter(‘avf_logo’,’av_change_logo’);
    function av_change_logo($logo)
    {
    if(wp_is_mobile() )
    {
    $logo = “http://bayside.augustus.co/wp-content/uploads/2017/03/website-logo-large-01.png”;
    }
    return $logo;
    }

    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= ‘‘;
    return $sub;
    }

    March 13, 2017 at 2:26 am #759774
    Mike

    Hey laurentbouzelmat,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 430px) {
.subtext {
display:none;
}}

    Best regards,
    Mike

    March 13, 2017 at 2:48 am #759780
    laurentbouzelmat

    Mike, Thank you!

    March 13, 2017 at 2:57 am #759784
    Mike

    Hi,
    Your welcome and Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Sticky and Normal Logo showing up on mobile’ is closed to new replies.