Add Tooltip to Main Logo Element

Hey AJDesignCo,

Do you want a simple title popup? This may be possible to add via JavaScript.

Best regards,
Jordan Shannon

Hi,

If you can provide admin info in the private area below I can try to work it out for you.

Best regards,
Jordan Shannon

Hi,

Thank you for the credentials, that’s a nice looking header :)

To create a tooltip on the logo

1. I have added this CSS in Enfold > General Styling > Quick CSS

/* Logo title pop */
.logo,
.logo a {
    overflow: visible!important;
}

.logo .subtext h1 {
    position: absolute;
    display: none;
    font-size: 14px !important;
    background: #222;
    color: #fff;

    top: 90px;
    padding: 10px;
    width: 160px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);

}

.logo a:hover .subtext h1 {
    display: block!important;    
    transition: all .35s ease;
}

2. The below code in WP > Appearance > Editor > Enfold Child > functions.php

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= '<h1>Savannah Lakes Village</h1>';
    return $sub;
}

You can change the logo tooltip text from the functions.php file.

Best regards,
Vinay

Hi,

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

Best regards,
Jordan Shannon