Having okaynav in a container

[JakeHenshall]

Hi,

i'm trying to have a full width header and the h1 and nav to be 80% within side of it.

I'm using WordPress and Timber.

            <header id="header">
                <section>
                    <h1><a href="{{ site.url }}">Logo</a></h1>

                    <nav role="navigation" id="nav-main" class="okayNav">
                        <ul>
                            {% for item in menu.get_items %}
                                    <li class="nav__item {{item.classes | join(' ')}}"><a class="nav__link" href="{{item.get_link}}">{{item.title}}</a>
                                        <!-- {% if item.get_children %}
                                            <ul class="nav-drop">
                                              {% for child in item.get_children %}
                                                <li class="nav-drop-item"><a href="{{child.get_link}}">{{child.title}}</a></li>
                                              {% endfor %}
                                            </ul>
                                         {% endif %} -->
                                    </li>
                            {% endfor %}
                        </ul>
                    </nav>
                </section>
            </header><!-- /header -->

i've tried adding in a section but the functionality seems to disappear, the kebab menu dosent show.

Thanks Jake.

[clemsontiger]

@JakeHenshall how did you resolve your issue? i've got mine in a parent container , but on initial page load, it should show collapsed but does not until I've resized the browser window..