Only one set of wrappers needed to define parentContext

src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.html

 <div class="container">
-  <ng-container *ngVar="(parent$ | async) as parent">
-    <ng-container *ngIf="parent?.payload as parentContext">
+    <ng-container *ngVar="(parent$ | async) as parent">
+        <ng-container *ngIf="parent?.payload as parentContext">
         <header class="comcol-header">
         <!-- Parent Name -->
         <ds-comcol-page-header [name]="parentContext.name">
@@ -20,8 +20,8 @@
       <section class="comcol-page-browse-section">
         <!-- Browse-By Links -->
         <ds-comcol-page-browse-by [id]="parentContext.id" [contentType]="parentContext.type"></ds-comcol-page-browse-by>
-    </ng-container>
-  </ng-container>
+      </section>
+
   <div class="browse-by-metadata w-100">
     <ds-browse-by *ngIf="startsWithOptions" class="col-xs-12 w-100"
       title="{{'browse.title' | translate:{collection: (parent$ | async)?.payload?.name || '', field: 'browse.metadata.' + browseId | translate, value: (value)? '&quot;' + value + '&quot;': ''} }}"
@@ -38,13 +38,15 @@
     </ds-browse-by>
     <ds-loading *ngIf="!startsWithOptions" message="{{'loading.browse-by-page' | translate}}"></ds-loading>
   </div>
-</section>
-  <footer *ngVar="(parent$ | async) as parent">
-    <div *ngIf="parent?.payload as parentContext">
+
+  <footer >
+    <div >
 
       <!-- Copyright -->
       <ds-comcol-page-content [content]="parentContext.copyrightText" [hasInnerHtml]="true">
       </ds-comcol-page-content>
     </div>
   </footer>
+</ng-container>
+</ng-container>
 </div>