Move Widget out of a Site Container

  • I have been searching the internet for the past 2 WEEKS! and cannot find an answer to the following issue:
    I created a subscribe box bellow my header and want the box to span across the full width of the page. However, it is positioned in a site container, which prevents it from doing that.

    My entire site was place in a site container (nav bar, header, inner, footer …). I was able to remove the nav bar and the header out of it (because I wanted to it to be full width same as the subscribe box) by using hooks and actions I pasted into my functions.php file. Now I would like to do the same thing for the subscribe box.

    This is what my page looks like when inspected with Firebug:

    <nav class="nav-primary" itemtype="https://schema.org/SiteNavigationElement" itemscope="">
<header class="site-header" itemtype="https://schema.org/WPHeader" itemscope="">
<div class="site-container">
 <section>
 <div class="marieforleo-subscribe-box">
  <section id="enews-ext-3" class="widget enews-widget">
    <div class="widget-wrap">
       <div class="enews">
    </div>
  </section>
 </div>
 <div class="site-inner">
 <footer class="site-footer" itemtype="https://schema.org/WPFooter" itemscope="">
</div>

    Is there a way I can move the subscribe box out of the site container and have it positioned right below the header? Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    petrascott: sure. edit the php template file and move it up a few lines. This is a theme template issue. If you’re using a theme you’ve downloaded, you may want to make this change in a child theme.

    Thread Starter petrascott

    (@petrascott)

    Hi Steven. Thank you for such a quick reply; I really appreciate it!

    I am using a child theme FoodiePro. I am not sure what you mean by “move it up a few lines”. I had to use hooks and actions to move the header and nav bar out of the site container.
    Specifically, for the header, it was:

    //* Fluid Header *//
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );

add_action( 'genesis_before', 'genesis_header_markup_open' );
add_action( 'genesis_before', 'genesis_do_header' );
add_action( 'genesis_before', 'genesis_header_markup_close' );

    I pasted this snippet into my functions.php file and it worked. However, I don’t know how to reproduce this for the subscribe box. Is there an easy solution?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    OK, you’re using Genesis. Sorry — I won’t touch that with a 10 foot pole. <sad face>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Widget out of a Site Container’ is closed to new replies.