Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • February 12, 2014 at 4:31 pm #222858
    Eleina_Shinn

    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

    February 12, 2014 at 9:27 pm #223049
    Yigit

    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

    February 12, 2014 at 11:39 pm #223104
    Eleina_Shinn

    Okay, the header I have chosen is:

    Fixed Header with Social Icons and Additional Navigation

    February 13, 2014 at 10:07 am #223306
    Dude

    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

    May 30, 2014 at 11:22 pm #272655
    kbarranco

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

    May 30, 2014 at 11:27 pm #272659
    Josue

    Hey @kbarranco!

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

    Cheers!
    Josue

    May 30, 2014 at 11:43 pm #272669
    kbarranco

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

    May 30, 2014 at 11:50 pm #272671
    Josue

    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

    May 30, 2014 at 11:56 pm #272676
    kbarranco
    This reply has been marked as private.
    May 30, 2014 at 11:57 pm #272677
    Josue

    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

    May 31, 2014 at 12:03 am #272678
    kbarranco

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

    May 31, 2014 at 12:11 am #272680
    Josue
    #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.

    May 31, 2014 at 12:14 am #272682
    kbarranco

    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, 6 months ago by kbarranco.
    May 31, 2014 at 12:26 am #272685
    Josue

    No, replace it.

    June 22, 2015 at 11:12 pm #463090
    dsammond

    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

    June 23, 2015 at 10:46 am #463240
    Rikard

    Hi!

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

    Regards,
    Rikard

    June 23, 2015 at 8:15 pm #463625
    dsammond
    June 23, 2015 at 10:10 pm #463668
    Josue

    Hi!

    Your reply is empty.

    Cheers!
    Josue

    June 23, 2015 at 10:20 pm #463671
    dsammond

    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;
    }

    June 23, 2015 at 11:13 pm #463696
    Josue

    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

    June 24, 2015 at 12:56 am #463723
    dsammond

    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?

    June 24, 2015 at 5:09 am #463750
    Josue

    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

    June 27, 2015 at 5:42 pm #465334
    dsammond

    Thank you Josue. This worked.

    June 27, 2015 at 10:22 pm #465357
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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