[Support request] Submenu on mobile phones isnt displayed

[Silko]

Hi there,

i have the following problem:

For the desktop version I display the submenu on the right top corner http://prntscr.com/fzwz6f (nice feature by the way) But on mobile phones I cant use the sub menu: http://prntscr.com/fzwzii

If I change it to “unter main navigation” it looks fine on mobile phones but also changes the display for the desktop version. Is it possible to have different options for desktop / mobile display for the sub menu?

Domain: https://www.thailernen.net

Please help!

[Leo]

Hi there,

Are you wanting to show the secondary navigation on mobile as well?

If so then try disabling the mobile header: https://docs.generatepress.com/article/mobile-header/

[Silko]

Hi Leo,

thank you! Yes I want to show the secondary navigation on mobile also. Disabling the mobile header works but it looks not so good.

An option to change the position from the submenu on mobile devices would be nice.

[Tom]

If you enable the mobile header, try adding this CSS as well:

@media (max-width: 768px) {
    #masthead {
        display: block;
    }

    .inside-header {
        padding: 0;
    }

    .site-logo {
        display: none;
    }
}

[Silko]

Thank you Tom, looks much better now. 🙂

What do I have to add here

.site-logo {
display: none;
}

if I want to show the logo between sub and main menu but centered?

[Tom]

Try replacing it with this:

.site-logo {
    text-align: center;
    display: block;
}

[Author]

Posts