Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #222858

    Hi:

    I have made by header container area larger to support a larger logo and have lots of space above the main navigation bar, where I would like to place some text, like maybe the site “Tagline” – I have gone through the forum, even found a post where someone suggested adding a text-area under logo in header.php, which I tried, but it didn’t show up and removed the menu…

    Help?

    Thank you!

    E

    #223049

    Hi Eleina_Shinn!

    Which type of header are you using? You can post the link to your website or you can check it in Enfold theme options under Header tab.
    In WordPress dashboard please go to Appearance > Editor and open Header.php file and find

    if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args);

    and add your text right below it as following

    echo "<div class='your-text'>your text goes here</div>";

    Then you can style your text using .your-text class in Quick CSS, for example

    .your-text { float: right; }

    Best regards,
    Yigit

    #223104

    Okay, the header I have chosen is:

    Fixed Header with Social Icons and Additional Navigation

    #223306

    Hi!

    In header.php replace

    
    echo $extraClose;
    

    with

    
    echo $extraClose;
    echo "<div class='custom-header-text'>your text goes here</div>";
    

    and replace “your text goes here” with your custom text. Some additional styling might be required – if you need help with it pleasee post a link to the website.

    Cheers!
    Peter

    #272655

    Can someone update this answer? I can’t find that info on my header.php page anywhere.

    #272659

    Hey @kbarranco!

    You should make this changes in the includes/helper-main-menu.php file.

    Cheers!
    Josue

    #272669

    ugh. Still can’t make it work
    here is my dilemma.

    #272671

    Try adding this at the end of the theme functions.php file:

    function add_custom_text() {
    	?>
    	<div class="custom_text">helping you help others</div>
    	<?php
    }
    add_action('ava_after_main_menu', 'add_custom_text', 10, 0);

    Once you done that post a link to your website so i can help you with the styles.

    Best regards,
    Josue

    #272676
    This reply has been marked as private.
    #272677

    Try adding this code to the Quick CSS:

    div.custom_text {
        position: absolute;
        font-size: 24px;
        font-weight: bold;
        right: 0;
        top: -30px;
    }

    Cheers!
    Josue

    #272678

    getting there. Can I line the nav up with the bottom of HATCH logo?
    and the tagline line up with bottom of orange sqiggle?

    #272680
    #header_main .container, .main_menu ul:first-child > li a {
        line-height: 240px
    }
    div.custom_text {
        position: absolute;
        font-size: 24px;
        font-weight: bold;
        right: 0;
        top: -75px;
    }

    Adjust the top/line-height values.

    #272682

    I got the tagline where I want it but I need to lower the nav.
    The logo got bigger.

    also– the orange HOME indicator is staying ON.

    • This reply was modified 10 years, 4 months ago by kbarranco.
    #272685

    No, replace it.

    #463090

    Thanks Josue.

    This works and I’ve been able to add additional text to my header, but the text is linked back to the main page of the website. In my case, the text has a phone number that I would like to be linked to call the business when tapped on a mobile phone. Is there a way to configure that?

    Thanks for letting me piggy-back on this issue ticket. You guys do an awesome job! So much useful information in this forum!

    Best,

    dsammond

    #463240

    Hi!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #463625
    #463668

    Hi!

    Your reply is empty.

    Cheers!
    Josue

    #463671

    http://smartypantswebdev.com/wp-login.php

    Added to my functions.php file:
    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= “<span class=’custom_content’>   503-233-1779</span><br><span class=’custom_content_2′>Whatever it Takes</span>”;
    return $sub;
    }

    #463696

    Hey!

    Change your code to:

    add_action('ava_main_header', function() {
    ?>
    <span class=’custom_content’><a href="tel:503-233-1779">503-233-1779</a></span><br><span class=’custom_content_2′>Whatever it Takes</span>
    <?php
    });

    Cheers!
    Josue

    #463723

    Thanks Josue. I’d like the text to display to the right of the logo. Can it be hooked in after the logo to allow me to float against the logo?

    #463750

    Hi!

    Change the code to this:

    add_action('ava_main_header', function() {
    ?>
    <div class="custom_content_wrapper"><span class=’custom_content’><a href="tel:503-233-1779">503-233-1779</a></span><br><span class=’custom_content_2′>Whatever it Takes</span></div>
    <?php
    });
    

    And add this to Quick CSS:

    .custom_content_wrapper {
        max-width: 915px;
        text-align: right;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
    }

    Best regards,
    Josue

    #465334

    Thank you Josue. This worked.

    #465357

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘Add Text Information to Header Area’ is closed to new replies.