adding a new container to root

Question

I'm trying to add a new container into root. I've tried placing the code to empty.xml, default.xml, 1column.xml. I've checked with changing another element in the same file if the file is loaded and parsed. But whatever I do I just can't add the container. This is the code:

<referenceContainer name="root">
    <referenceContainer name="header.container" htmlId="header"/>
    <container name="header.container.mobile" as="header_container_mobile" label="Page Mobile Header Container" htmlTag="header" htmlId="header_mobile" htmlClass="navbar navbar-fixed-top" after="header.container"/>
</referenceContainer>

So it will add the html id "header" to the "header.container" which appears as <header ...> in the page. (I have moved this container to root elsewhere). But it doesn't add the container "header.container.mobile". (I have tried other names too)

How can I add the container?

Answer 1

I'm reasonably sure a container needs some contents before it'll show up.

Answer 2

Im pretty sure you don't need to do it into 'root' how you have done it.

I would think it is like so.

<referenceContainer name="page.wrapper">
    <container name="some.container" as="someContainer" label="Some Container" htmlTag="div" htmlClass="some-container" after="header.container" />
</referenceContainer>

Add this into:

Vender/theme/Magento_Theme/layout/default.xml

Or for root it might be:

<container name="root">
        <container name="some.container" as="someContainer" label="Some Container" htmlTag="div" htmlClass="some-container" after="header.container" />
    </container>