Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 29, 2014 at 10:15 am #257547
    Hayd028

    Hi there,

    I am trying to add a banner to the top right of the header section. Banner size is 468 x 60.

    I tried having a look in your support section however couldnt find a relevant solution.

    Domain it http://aristocratpokiereviews.com/

    April 30, 2014 at 1:16 pm #258257
    Hayd028

    Any reply to this?

    April 30, 2014 at 7:23 pm #258414
    Josue

    Hi!

    Try adding this to your functions.php file:

    function after_head_image_func(){
	echo "<div class='custom_content'><img src='_URL_'></div>";
	
}
add_action('ava_after_main_menu', 'after_head_image_func');

    Change _URL_ by the URL of the banner.

    Cheers!
    Josue

    April 30, 2014 at 8:33 pm #258488
    Hayd028

    Where about in the code should I add this?

    April 30, 2014 at 8:34 pm #258489
    Josue

    At the end of functions.php

    April 30, 2014 at 8:41 pm #258495
    Hayd028

    OK thanks

    The banner is showing up however it’s now under the nav. I also need to be abel to have this as a click-able link.

    Many thanks

    Hayden

    April 30, 2014 at 9:25 pm #258516
    Josue

    Change the code to:

    function after_head_image_func(){
	echo "<div class='custom_content'><img src='_URL_'></div>";
	
}
add_action('ava_main_header', 'after_head_image_func');

    Then add this to the Quick CSS:

    .custom_content{
position: absolute;
top: 0;
right: 0;
}

    Regards,
    Josue

    May 1, 2014 at 12:52 pm #258822
    Hayd028

    Hi Josue,

    Works perfectly thanks. I changed the CSS slightly. Is it possible to make this a link? I tried however only the right hand side was click-able.

    Thanks in advance

    Hayden

    May 1, 2014 at 2:37 pm #258858
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .custom_content { z-index: 999; }

    then add anchor tags

    Best regards,
    Yigit

    May 1, 2014 at 2:48 pm #258864
    Hayd028

    Awesome, works perfectly, however on an iphone it covers the logo………I can live with it, however if there is a fix for smaller screens then great. If not no worries

    May 1, 2014 at 2:54 pm #258868
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
#header_main { height: 140px; }
.custom_content { top: 80px; }}

    Best regards,
    Yigit

    May 1, 2014 at 3:03 pm #258875
    Hayd028

    Awesome thanks for all your help……Great support!

    Regards

    Hayden

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Adding 468 x 60 banner to header’ is closed to new replies.