Hello,
I have a Header component that I am using in a experience fragment, my Header has a responsive grid inside because I want to be able to add modular Header component like Nav Items:
<sly data-sly-resource="${resource @ resourceType='wcm/foundation/components/responsivegrid'}"></sly>
This seems to work fine and I was able to create a experience fragment for the header with a .xml file but when I try to add navigation items from the XF Editor I don't see the option to add my Nav Item component, it looks like I can only add the regular groups, it currently looks like this:
![Jeanmaradiaga_0-1632944926751.png Jeanmaradiaga_0-1632944926751.png](https://experienceleaguecommunities.adobe.com/t5/image/serverpage/image-id/35131i00A3DF58F825488F/image-size/medium/is-moderation-mode/true?v=v2&px=400)
But what I need is for it to look like this:
![Jeanmaradiaga_1-1632945008821.png Jeanmaradiaga_1-1632945008821.png](https://experienceleaguecommunities.adobe.com/t5/image/serverpage/image-id/35132iE074BFE034B874FA/image-size/medium/is-moderation-mode/true?v=v2&px=400)
I thought this could be done by only modifying the policies so under
ui.content/src/main/content/jcr_root/conf/kg-commons/settings/wcm/policies/.content.xml
I went and added two new policies like so:
![Jeanmaradiaga_2-1632945086545.png Jeanmaradiaga_2-1632945086545.png](https://experienceleaguecommunities.adobe.com/t5/image/serverpage/image-id/35133i909E7C08E4DD9579/image-size/medium/is-moderation-mode/true?v=v2&px=400)
But this doesn't seem to work, any ideas? I tried to do it from http://localhost:4502/editor.html/conf/kg-commons/settings/wcm/templates/xf-web-variation/structure.... but I don't think that is the correct way.