Move hamburger menu to page header

Hi there,

So you want to ditch the logo, menu toggle and search icon? Then you'd add a mobile toggle element in a custom location?

Let me know :)

Hi,
Tom yes correct.
David

This is experimental, but we'll give it a shot.

1. Remove the navigation logo.

2. Remove the navigation search.

3. Add this code to your Page Header (or wherever):

<div class="slideout-toggle">
    <a href="#"></a>
</div>

Hi Tom.
Our logo is actually part of the header.
David

Hi Tom, that works thanks, if I also want the word Menu next to the hamburger (as in current page) and have colour black (its blue as its a link)
thanks
David

Hi there,

you can add the title to the markup like so:

<div class="slideout-toggle">
   Menu <a href="#"></a>
</div>

Color styling:

.slideout-toggle a, .slideout-toggle a:hover {
    color: #000;
}

Thanks, great support.
Regards
David

Glad we could help.