Can't drop portlets from columns

We are building a theme by extending Barcenoleta. We ran across an issue where if we assign a portlet, such as navigation, to the root of the site, then assign various portlets inside a child folder under the root, we can't get the navigation to stay fixed to the top as the portlets assigned on that folder go to the top. The one odd issue we see is that we can't drop a portlet from the theme once its been imported in.

We've tried the following, which is borrowed from Barcenoleta core, but renamed the container div. Nothing seems to work here. Any ideas or suggestions?

 <!-- Right column -->
  <rules css:if-content="#portal-column-two">
    <replace css:theme="#column2-container-1" >
      <div class="col-xs-6 col-sm-3 sidebar-offcanvas" role="complementary">
        <aside id="portal-column-two">
          <xsl:copy-of css:select="#portal-column-two > *" />

Did you try something like this: and this:

FYI, I edited your post to wrap the XSLT code using the </> toolbar icon (Preformatted text)