Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2014 at 9:41 pm #362496
    user877

    Hi,

    I’m trying to add a div container to top header area so to insert an image background. I have secondary Header Secondary menu set on righthand side. This new div needs to be placed on the lefthand side.

    Can you advise how this is done correctly please.

    Thanks

    My header.php code is

    <?php
    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’;

    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?> class=”<?php echo ” html_{$style} “.$responsive.” “.$av_lightbox.” “.avia_header_class_string();?> “>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>” />

    <!– page title, displayed in your browser bar –>
    <title><?php if(function_exists(‘avia_set_title_tag’)) { echo avia_set_title_tag(); } ?></title>

    <?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(); }

    /*
    * outputs a favicon if defined
    */
    if (function_exists(‘avia_favicon’)) { echo avia_favicon(avia_get_option(‘favicon’)); }
    ?>

    <!– mobile setting –>
    <?php

    if( 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); avia_markup_helper(array(‘context’ => ‘body’)); ?>>

    <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’ data-scroll-offset='<?php echo avia_header_setting(‘header_scroll_offset’); ?>’>

    <?php do_action(‘ava_after_main_container’); ?>

    December 4, 2014 at 6:10 pm #363068
    Yigit

    Hi user877!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Regards,
    Yigit

    December 5, 2014 at 7:09 pm #363769
    user877

    hi,

    here you go

    https://dl.dropboxusercontent.com/u/1464516/header.jpg

    Cheers

    December 8, 2014 at 3:12 pm #364646
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    div#header_meta {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-size: contain;
}

    Best regards,
    Yigit

    December 8, 2014 at 3:53 pm #364671
    user877

    Hi Yigit,

    Was looking to add a separate div container left of the secondary menu on header.. but I actually prefer, wrap image full width. So thanks for the suggested code. Works well.

    Very happy! And thanks for Kriesi support, top notch as always!

    Cheers

    December 8, 2014 at 3:58 pm #364674
    Yigit

    Hey!

    You are welcome, we are always glad to help :) Let us know if you have any other questions or issues.

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add (image) new div container to top header area’ is closed to new replies.