-
AuthorPosts
-
February 12, 2014 at 4:31 pm #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
February 12, 2014 at 9:27 pm #223049Hi 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 findif(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,
YigitFebruary 12, 2014 at 11:39 pm #223104Okay, the header I have chosen is:
Fixed Header with Social Icons and Additional Navigation
February 13, 2014 at 10:07 am #223306Hi!
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!
PeterMay 30, 2014 at 11:22 pm #272655Can someone update this answer? I can’t find that info on my header.php page anywhere.
May 30, 2014 at 11:27 pm #272659Hey @kbarranco!
You should make this changes in the includes/helper-main-menu.php file.
Cheers!
JosueMay 30, 2014 at 11:43 pm #272669ugh. Still can’t make it work
here is my dilemma.May 30, 2014 at 11:50 pm #272671Try 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,
JosueMay 30, 2014 at 11:56 pm #272676This reply has been marked as private.May 30, 2014 at 11:57 pm #272677Try adding this code to the Quick CSS:
div.custom_text { position: absolute; font-size: 24px; font-weight: bold; right: 0; top: -30px; }
Cheers!
JosueMay 31, 2014 at 12:03 am #272678getting 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#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 #272682I 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.
May 31, 2014 at 12:26 am #272685No, replace it.
June 22, 2015 at 11:12 pm #463090Thanks 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 #463240Hi!
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
RikardJune 23, 2015 at 8:15 pm #463625June 23, 2015 at 10:10 pm #463668Hi!
Your reply is empty.
Cheers!
JosueJune 23, 2015 at 10:20 pm #463671http://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 #463696Hey!
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!
JosueJune 24, 2015 at 12:56 am #463723Thanks 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 #463750Hi!
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,
JosueJune 27, 2015 at 5:42 pm #465334Thank you Josue. This worked.
June 27, 2015 at 10:22 pm #465357You are welcome, glad to help :)
Regards,
Josue -
AuthorPosts
- The topic ‘Add Text Information to Header Area’ is closed to new replies.