Move mobile menu to the left

Hi

If you have a Custom CSS plugin installed you can try the following:

@media (max-width: 1024px) {

    .site-header .site-branding-container {
        float: right;
    }

    .responsive-menu .menu-toggle {
        position: absolute;
        left: 1.78571em;
    }

}

That moves the site title/logo to the right and the menu to the left below 1024px. You can change that breakpoint too.

You might need to supply further info to complete this.

Nearly closing time here, back on tomorrow if you don’t hear from me.

Thanks for that. I tried the code but the menu now sits in the middle. I guess the left: 1.78571em is the bit I need to play with to get it further over to the left?

Thanks again.

That’s it. Being an absolute positioned element we can adjust the position with the left value. The left property can accept a px value if you would prefer to use that, for example:

left: 15px;

Thanks Misplon.

For sure ?? If anything else comes up, please, let me know.

All the best.