-
Posts
-
Hello,
There are a lot of threads with an answer to my question: How to ad text in the header next to the logo?
All the reply’s mention the option of adjusting a line in header.php, but my header.php does not seem to be compleet or has the same lines.
maybe because I use the enfold child theme and there is no header.php. So I used the one in the main theme and this one has the following code:‘<?php
if ( !defined(‘ABSPATH’) ){ die(); }global $avia_config;
$style = $avia_config[‘box_class’];
$responsive = avia_get_option(‘responsive_active’) != “disabled” ? “responsive” : “fixed_layout”;
$blank = isset($avia_config[‘template’]) ? $avia_config[‘template’] : “”;
$av_lightbox = avia_get_option(‘lightbox_active’) != “disabled” ? ‘av-default-lightbox’ : ‘av-custom-lightbox’;
$preloader = avia_get_option(‘preloader’) == “preloader” ? ‘av-preloader-active av-preloader-enabled’ : ‘av-preloader-disabled’;
$sidebar_styling = avia_get_option(‘sidebar_styling’);
$filterable_classes = avia_header_class_filter( avia_header_class_string() );?><!DOCTYPE html>
<html <?php language_attributes(); ?> class=”<?php echo “html_{$style} “.$responsive.” “.$preloader.” “.$av_lightbox.” “.$filterable_classes ?> “>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<?php
/*
* outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives
* located in framework/php/function-set-avia-frontend.php
*/
if (function_exists(‘avia_set_follow’)) { echo avia_set_follow(); }?>
<!– mobile setting –>
<?phpif( strpos($responsive, ‘responsive’) !== false ) echo ‘<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>’;
?><!– Scripts/CSS and wp_head hook –>
<?php
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/wp_head();
?>
</head>
<body id=”top” <?php body_class($style.” “.$avia_config[‘font_stack’].” “.$blank.” “.$sidebar_styling); avia_markup_helper(array(‘context’ => ‘body’)); ?>>
<?php
if(“av-preloader-active av-preloader-enabled” === $preloader)
{
echo avia_preload_screen();
}?>
<div id=’wrap_all’>
<?php
if(!$blank) //blank templates dont display header nor footer
{
//fetch the template file that holds the main menu, located in includes/helper-menu-main.php
get_template_part( ‘includes/helper’, ‘main-menu’ );} ?>
<div id=’main’ class=’all_colors’ data-scroll-offset='<?php echo avia_header_setting(‘header_scroll_offset’); ?>’>
<?php
if(isset($avia_config[‘temp_logo_container’])) echo $avia_config[‘temp_logo_container’];
do_action(‘ava_after_main_container’);?>
Can some one tell me how to adjust the header.php file in the correct way so the tagline or other text shows right next to the logo on the right side.
Thanks in advance!
Hey Wansink,
You can refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header or you can refer to this one – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/ for subtext
Best regards,
Yigiti prefer Yigits last link.
if you look to this site (Kriesi Blog Site / Support Forum) and what happend to the logo on shrining this will be one part of the solution. you can let those text stay (the rule of #top .header-scrolled .logo-title on the bottom set opacity to 1) if shrinking has stoppedi changed a bit that code to insert the normal site name and site description of wordpress. So you only have to have the figurative Part of your logo and put in the text via code (this comes to child-theme functions.php):
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<span class='logo-title'>"; $sub .= get_bloginfo( 'name', 'display' ); $sub .= "</span>"; $sub .= "<span class='logo-title logo-subtitle'>"; $sub .= get_bloginfo( 'description', 'display' ); $sub .= "</span>"; return $sub; }than you have to manage your customisation via quick css – something like this (it comes to quick css):
#top .logo, #top .logo a { overflow: visible; } #top .logo-subtitle { color: #aaa !important; font-size: 18px !important; top: 20px !important; } #top .logo-title { transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; font-size: 12px; color: #000; position: absolute; left: 7px; top: -7px; opacity: 1; white-space: nowrap; } #top .subtext { float: left; position: relative; } #top .header-scrolled .logo-title { opacity: 0; filter: alpha(opacity=0); }the overflow: visible instruction here is very important
you can see the result on testpage here: http://webers-testseite.de/ikom/
Thank you all.
I have chosen for the first option. The use of a widget, because with the other option I could not get the text beside the logo. Although the way Guenni007 showed looked very fancy. In my case it came under the logo and was displayed in the main part. Pity.The widget way, was easy and i can adjust it easy with css. In this particularly case it’s a pity the link-function of the logo does not work anymore.
Many thanks for the help!
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Regards,
Yigit
- The topic ‘Adding Text (Tagline) next to Logo with child theme’ is closed to new replies.