Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 8, 2024 at 2:00 pm #1439499
    condonp

    Dear Sirs,

    Can you please advise the best way to achive this screen shot using enfold theme. We want to be able to use it on mobiles as well as desktops (responsive). I have looked at the support documentation but cant see answer where we are using multiple lines of text as in our design.

    Many Thanks
    Peter

    April 8, 2024 at 7:35 pm #1439522
    Rikard

    Hi Peter,

    You could try placing it in a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Rikard

    April 8, 2024 at 11:05 pm #1439532
    condonp

    Rikard

    I have seen in the documentation how you can add a single line of text with logo using code in function.php so all that is needed is to modify to use some css to make a block of text.
    Pete

    • This reply was modified 7 months, 2 weeks ago by condonp.
    April 9, 2024 at 4:25 am #1439545
    Ismael

    Hi,

    I have seen in the documentation how you can add a single line of text with logo using code in function.php

    Yes, that is correct. You can add a subtext to the logo using the avf_logo_final_output filter. Please refer to the documentation below for more info:

    // https://kriesi.at/documentation/enfold/logo/#text-logo-with-subtext

    Best regards,
    Ismael

    April 9, 2024 at 3:28 pm #1439594
    condonp

    Ismael,

    Thanks for getting back to me but I need to have a logo with Text and Sub Text as per https://peter-test2.co.uk/Support.jpg. The Txt and sub text need to be in block I am unsure how to do this can you please help.

    Many thanks

    April 10, 2024 at 8:31 am #1439630
    Ismael

    Hi,

    Thank you for the update.

    Please add this code in the functions.php file:

    add_filter('avf_logo_subtext', 'avf_logo_subtext_mod');
function avf_logo_subtext_mod($sub)
{
    $sub .= '<div class="av-logo-subtext">';
        $sub .= '<h1>Text</h1>';
        $sub .= '<p>subtext</p>';
    $sub .= '</div>';
    return $sub;
}

    Adjust the text and subtext as necessary, then include the following code in the Quick CSS field: 

    #top .logo a {
    display: flex;
}

#top .logo .subtext {
    padding: 20px 5px;
}

#top .subtext .av-logo-subtext p {
    line-height: 1em;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.