Support » Theme: Attitude » How to add 2 nested div in bottom of header

  • Hello,

    First of all, thank you for this theme!

    My website is almost finished but I want do add 2 divs into the header, I’ve tried it many mays but I can’t get it to work. I would like to position them under the social links on the bottom of the header.

    I’ve added this after “do_action( ‘attitude_before_header’ ); ?>” in the file header.php:

    <div id=”buttons”>
    <div id=”1″></div>
    <div id=”2″></div>
    </div>

    My thought was to add some css to position the divs:

    #buttons{
    width:200px;
    float:right;
    margin-bottom:0;
    margin-top: 100px;
    margin-left: auto;
    margin-right:auto;
    }

    #1{
    position:relative;
    width:30%;
    height:auto;
    background-color: #267002;
    float:left;
    }

    #2{
    position:relative;
    width:30%;
    height:auto;
    background-color: #267002;
    float:left;
    }

    But div 2 is displayed under div 1 and the background-color is not functioning. The divs are also not placed on the bottom (setting margin-bottom:0, margin-top: 0 auto:) won’t work, because the divs are displayed in the top.

    Maybe I forget something, please help!

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘How to add 2 nested div in bottom of header’ is closed to new replies.