Mobile menu stays in middle under logo

Hi there,

GP is using a premium feature Mobile Header: https://docs.generatepress.com/article/mobile-header/

You can try this CSS: https://generatepress.com/forums/topic/mobile-menu-alignment/#post-260447

For two logos, again our Mobile Header feature gives you that option.

If not then you would have to use the Before Header Content hook:
https://demo.generatepress.com/hook-locations/
https://docs.generatepress.com/article/hooks-overview/

To add two logos and use the the build in hide-on-mobile hide-on-tablet hide-on-desktop to hide one or the other.

Hi, it worked partially. I had to change the width of the logo to 50% instead of 70%.
I still have the following issue. I only need the hamburger menu, and the word “Menu”removed. It also needs to be in the upper right corner. The submenu on toggle stays on the left, how can i get this to be under the hamburger and without the big space between them. See screenshot:

https://imgur.com/a/S5LCr

GP premium also has that option: https://docs.generatepress.com/article/mobile-menu-label/

Or you try this CSS to remove it:

.menu-toggle .mobile-menu {
    display: none;
}

As for moving it, try this:

@media (max-width: 768px) {
    .inside-header {
        padding: 0 0 0 20px;
    }
}

Awesome, both codes work perfectly.
My main issue is that when you click on the hamburger the submenu goes completely to the left and with big spaces between the ul and over the text on the page which looks ugly, see screenshot. I heard of a slide out toggle menu which has a dark background. Is there a way to achieve this?
Please see screenshot: https://imgur.com/a/6gDD2

Slide-out navigation is only available in GP premium.

You can try to change the mobile menu color though:

@media (max-width: 768px) {
    .main-navigation .main-nav ul li a {
        background-color: #000000;
    }
}

There’s also a free plugin that gives you a slide-out menu: https://en-ca.www.ads-software.com/plugins/shiftnav-responsive-mobile-menu/

@leo, the code does not give me the background a black color.
Also in screenshot you can see that the menu li goes totally to the left when you click on the hamburger, while the toggle button is on the right. How to put the menu li to the right under the hamburger and how to remove the space between the menu li like shown in screenshot.
@tom i will have a look at the plugin. thanks

I don’t see the CSS being added and Beaver builder is actually styling the menu background color: https://s26.postimg.org/640j9h9c9/bbbackground.png

Try this to align right and reduce space:

@media (max-width: 768px) {
    .main-navigation .main-nav ul li a {
        text-align: right;
        line-height: 40px;
    }
}