Twenty twelve site title over header image with novo slider

Do you have a site title and description already?

Oh my god! so fast your answer! ??

Yes I have it activate in appareance, you can check site here https://blog.manuelfnavas.es

Thanks for your quickly answer ??

First move your slider so it’s above this element;

<header id="masthead" class="site-header" role="banner">

I’have this line in my header.php
if you see tutorial for nivo slider, you get the slider postion where you put <?php include(“header_insert.php”); ?> into header.php template.

I can put slider easy upper if I put <?php include(“header_insert.php”); ?> upper in header.php, but doesn’t work too. Site title and description appear under Nivos slider :S

Find that file “header_insert.php”. That’s the file you need to edit.
But I’ll change my suggestion from just above that <header> element to just inside of it.
E.g

<header id="masthead" class="site-header" role="banner">
 <!-- Your slider here -->

I tried your suggestion in my test server and slider appear up at all and site tittle and description just down, not over

I paste here header_insert.php code:

[ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

<?php //Start Custom header code (slider) ?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider/nivo-slider.css" type="text/css" media="screen" />
    <div id="wrapper">
        <div class="slider-wrapper theme-bar">
            <div id="slider" class="nivoSlider">
                <img src="<?php bloginfo('template_directory'); ?>/slider/images/header1.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header1.jpg" alt="" />
                <img src="<?php bloginfo('template_directory'); ?>/slider/images/header2.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header2.jpg" alt="" />
                <img src="<?php bloginfo('template_directory'); ?>/slider/images/header3.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header3.jpg" alt="" />
                <img src="<?php bloginfo('template_directory'); ?>/slider/images/header4.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header4.jpg" alt="" />
            </div>
        </div>
    </div>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/slider/scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/slider/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>

<?php //End Custom header Code (slider) ?>

Hang on.
When you said;

I can put slider easy upper if I put <?php include(“header_insert.php”); ?> upper in header.php, but doesn’t work too.

What do you mean “doesn’t work”?

Sorry! I mean nivo slider go up at all in front page, but site title and description appear down the nivoslider not over/inside it

PD: sorry for my english

That’s fine, it wasn’t meant to resolve the problem in 1 step. There are further CSS changes that you need to follow.

Can you do the same this time, but instead of above the <header> element, can you put it just inside of it like this;

<header id="masthead" class="site-header" role="banner">
 <?php include("header_insert.php"); ?>

Do it! In my test server.

Now Nivo slider is upper than site title and description (up at all in the front page)

Now, in your stylesheet, add;

#masthead {
 position: relative;
}

#masthead hgroup {
 position: absolute;
 top: 10px;
 z-index: 10;
}

Great!
Now site title and description appear inside the novo slider ?? But so closer to the corner of the image. I guess I have to modify top and z-index values, haven’t I?

Another cuestion, the new position of sit title and description would be the same, for example for an ipad or iphone?

I guess I have to modify top and z-index values, haven’t I?

Nope, you modify the top and/or left position.
See https://www.w3schools.com/css/css_positioning.asp

Another cuestion, the new position of sit title and description would be the same, for example for an ipad or iphone?

Resize the browser to find out.

Ok ??

Thank you very much for your help ??