WordPress.org

Forums

Attitude
How to add 2 nested div in bottom of header (2 posts)

  1. kristonweb
    Member
    Posted 12 months ago #

    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!

  2. kristonweb
    Member
    Posted 11 months ago #

    Anybody got a solution?

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.