Responsive menu

Hi there,

1. You can change it with our Menu Plus add-on in the Customizer, or you can use the filter: https://docs.generatepress.com/article/generate_mobile_menu_label/

2. This depends on your HTML structure – can you link me to your site?

Hi Tom,

Thanks for the reply. I am considering purchasing the add-ons if you confirm that basically I can do everything with generatepress and your support.

Regarding your answers:
1. Done with a filter ??
2. https://ashtangafaro.com/

Thanks

• This reply was modified 7 years, 11 months ago by eleveno.

It’s possible to build a mobile header in premium as well which would achieve the layout you’re looking for (with a more mobile friendly logo as well).

Without premium, you could try this:

#site-navigation {
    clear: none;
    background: transparent;
}

.site-logo {
    float: left;
    clear: none;
}

button.menu-toggle {
    width: auto;
    float: right;
}

Let me know ??

It still doesn’t work Tom. I even resized the logo.

Can you try replacing the .site-logo block I provided with this?:

.site-logo {
    float: left !important;
    clear: none !important;
    max-width: 70%;
}

It is ok now. Thanks

You’re welcome! I forgot to mention this CSS should be inside a media query so it only applies on mobile. This should be your full code:

@media (max-width: 768px) {
    #site-navigation {
        clear: none;
        background: transparent;
    }

    .site-logo {
        float: left !important;
        clear: none !important;
        max-width: 70%;
    }

    button.menu-toggle {
        width: auto;
        float: right;
    }
}