Reply To: Mobile Menu issues

[Andy]

Please use the following snippets of custom CSS, added at ‘Customize’ > ‘Additional CSS’.

Move mobile menu (burger icon) to the right:

@media (max-width: 1024px) {
    .toggle-nav {
        left: auto;
        right: 10px;
    }

    #page.is-visible #primary-menu,
    #masthead.is-visible #primary-menu {
        left: auto;
        right: 0;
    }

    #page.is-visible {
        left: 0;
    }

    #masthead #site-top-right {
        padding-right: 40px;
    }

    #masthead #site-top-left {
        padding-left: 0;
    }
}

Fix close menu position:

.toggle-nav.is-visible {
    top: 15px !important;
}

Fix close menu icon color:

.toggle-nav.is-visible .menu-icon {
    color: #fff;
}