How to Create Horizontal Opt In Form in Header

Follow

Comments

1 comment

  • Avatar
    Andrea

    Hello, 


    I have a similar need for this site. www.gwengrace.com

    I have done all of your instructions including adding the short code to the Header.php but it's not showing up properly. Here is an image and below is the header.php code to review.

    http://awesomescreenshot.com/0333jy3h32

    Can you tell me where to put it and if not the .php file would I add it to the themes .CSS file? If it's for the CSS file what is the code for that? 

    Basically we are changing our header image to look something similar to this: http://new.janicesaunders.me/wp-content/uploads/2014/09/header-top-download.png

     

    You can see there is a white space on the top right that is empty, this is where the sign up box will appear. For now, since I don't have the completed banner image on this site: www.gwengrace.com I just want to test and see if it adds the opt in where it should go. 

     

    CODE: 

    <?php

     

    do_action( 'genesis_doctype' );

    do_action( 'genesis_title' );

    do_action( 'genesis_meta' );

     

    wp_head(); //* we need this for plugins

    ?>

    </head>

    <?php

    genesis_markup( array(

    'html5'   => '<body %s>',

    'xhtml'   => sprintf( '<body class="%s">', implode( ' ', get_body_class() ) ),

    'context' => 'body',

    ) );

     

     

    do_action( 'genesis_before' );

     

    genesis_markup( array(

    'html5'   => '<div %s>',

    'xhtml'   => '<div id="wrap">',

    'context' => 'site-container',

    ) );

     

    do_action( 'genesis_before_header' );

    do_action( 'genesis_header' );

    do_action( 'genesis_after_header' );

     

    genesis_markup( array(

    'html5'   => '<div %s>',

    'xhtml'   => '<div id="inner">',

    'context' => 'site-inner',

    ) );

    genesis_structural_wrap( 'site-inner' );

     

    ?>

     

    <?php echo mab_get_actionbox(2518); ?>

     

     

    Thank you 

Please sign in to leave a comment.

Powered by Zendesk