Unable to add components

[Vani1012]

I have a header-and-footer page created using header-and-footer template. please check content.xml of template
<header-and-footer jcr:primaryType="nt:unstructured">
<par
jcr:lastModified="{Date}2016-01-19T11:35:36.644+01:00"
jcr:lastModifiedBy="admin"
jcr:primaryType="nt:unstructured"
components="group:General">
<section jcr:primaryType="nt:unstructured"/>
</par>
<header jcr:primaryType="nt:unstructured">
<multi-use-parsys
jcr:lastModified="{Date}2015-12-04T10:48:06.453+01:00"
jcr:lastModifiedBy="admin"
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/e-shop-button]"
sling:resourceType="wcm/foundation/components/parsys">
<section jcr:primaryType="nt:unstructured"/>
</multi-use-parsys>
</header>
<footer jcr:primaryType="nt:unstructured">
<subfooter
jcr:lastModified="{Date}2016-02-09T16:28:53.837+01:00"
jcr:lastModifiedBy="admin"
jcr:primaryType="nt:unstructured"/>
<additional-content
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/applet-secure]">
<section jcr:primaryType="nt:unstructured"/>
</additional-content>
</footer>
<left
jcr:lastModified="{Date}2016-02-22T13:55:41.042+01:00"
jcr:lastModifiedBy="admin"
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/navigation-link-group,/apps/demo/components/content/in-your-country]">
<section jcr:primaryType="nt:unstructured"/>
</left>
<middle
jcr:lastModified="{Date}2016-02-22T13:55:53.960+01:00"
jcr:lastModifiedBy="admin"
jcr:primaryType="nt:unstructured"
components="[/apps/geometrix/components/content/navigation-link-group-image,/apps/demo/components/content/in-your-country]">
<section jcr:primaryType="nt:unstructured"/>
</middle>
<right
jcr:lastModified="{Date}2016-02-22T13:57:11.423+01:00"
jcr:lastModifiedBy="admin"
jcr:primaryType="nt:unstructured"
components="[/apps/geometrix/components/content/follow-us-block,/apps/geometrix/components/content/app-block,/apps/demo/components/content/in-your-country]">
<section jcr:primaryType="nt:unstructured"/>
</right>
<design-system-top-footer-column1
jcr:primaryType="nt:unstructured"
components="[/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/app-block,/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/applet-secure]">
</design-system-top-footer-column1>
<design-system-top-footer-column2
jcr:primaryType="nt:unstructured"
components="[/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/app-block,/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/applet-secure]">
</design-system-top-footer-column2>
<design-system-top-footer-column3
jcr:primaryType="nt:unstructured"
components="[/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/app-block,/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/applet-secure]">
</design-system-top-footer-column3>
<design-system-top-footer-column4
jcr:primaryType="nt:unstructured"
components="[/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/app-block,/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/applet-secure]">
</design-system-top-footer-column4>
<design-system-top-footer-column5
jcr:primaryType="nt:unstructured"
components="[/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/app-block,/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/applet-secure]">
</design-system-top-footer-column5>
<design-system-middle-footer-column1
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/app-block,/apps/demo/components/content/in-your-country-design-system,/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/applet-secure]">
</design-system-middle-footer-column1>
<design-system-middle-footer-column2
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/app-block,/apps/demo/components/content/in-your-country-design-system,/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/applet-secure]">
</design-system-middle-footer-column2>
<design-system-middle-footer-column3
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/app-block,/apps/demo/components/content/in-your-country-design-system,/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/applet-secure]">
</design-system-middle-footer-column3>
<design-system-middle-footer-column4
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/navigation-link-group,/apps/geometrix/components/content/app-block,/apps/demo/components/content/in-your-country-design-system,/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/applet-secure]">
</design-system-middle-footer-column4>
<design-system-middle-footer-column5
jcr:primaryType="nt:unstructured"
components="[/apps/demo/components/content/navigation-link-group,/apps/demo/components/content/in-your-country-design-system,/apps/geometrix/components/content/navigation-link-group-image,/apps/geometrix/components/content/applet-secure]">
</design-system-middle-footer-column5>
</header-and-footer>

I have a footer with enabled inheritance inside it we have navigation link group component
/content/masters/en/header-and-footer/jcr:content/footer/design-system-middle-footer-column3/navigation_link_group

When I add new navigation link group component on livecopy page after performing rollout new component disappeared on livecopy.
So we added cq:iscontainer property on footer and navigation link group componenst.
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
jcr:primaryType="cq:Component"
cq:isContainer="{Boolean}true"
sling:resourceSuperType="geomterix/components/content/footer"/>

After adding cq:iscontainer property we arent getting option(+ icon) to add components inside footer.
If we remove the property we are able to add components but its affecting local modification after rollout.
Can anyone help here

[BrianKasingli]

Adobe recommends using Experience Fragments (XFs) for modernizing headers and footers. XFs offer a smart referencing rendering engine that dynamically adapts content based on the region or language context. For example, if you create an XF for Canada in English or French, it will automatically render the appropriate version when used on the Sites page in the respective language. This approach not only streamlines the content authoring process by making reusable content easier to manage but also ensures consistency and efficiency across different regions and languages.

[Santhosh_Talepalle]

@Vani1012  - in order to preserve your changes on live copy page -> footer, you can do one thing:

create cq:LiveSyncConfig node under your page/jcr/footer-component/navigation link group component.
This node usually preserve the local changes and won't receive any future updates from master blueprint. here is an example.

<navigation-link-group jcr:primaryType="nt:unstructured">
     <cq:LiveSyncConfig
     jcr:primaryType="nt:unstructured"
     cq:isDeep="{Boolean}true"
     cq:merge="{Boolean}true"/>
</navigation-link-group>

cq:merge - this will merge your local changes with master during rollout.