Here is a nifty trick to rearrange the Off Canvas Panel icon order in GeneratePress. This is particularly useful when incorporating a split menu layout.

The below CSS will shift the Off Canvas Panel icon to the left of the primary menu.

@media (min-width: 769px) {
    #primary-menu > ul {
        display: flex;
    }

    .slideout-toggle {
        order: -1;
    }
}

Setting the order to 2 will shift the icon at the right side of the search icon in case you have it activated.

Need help on customizing GeneratePress or GenerateBlocks?

Get in Touch

Helpful info

Adding CSS

Adding PHP

Using a child theme

Keep up to date with newly released articles

Sign up to the Knowledge Base newsletter

Please leave this field empty

First name

E-mail *

You will only receive an email when new content is added in the Knowledge Base. No spam, that's a promise!

Thanks for subscribing! Please, check your inbox or spam folder to confirm your subscription.