Desktop menu when on mobile

Hi Florian,

Not sure what you mean by having the same view? Like basically show the menu item without the menu toggle?
If so you can try adding the link straight to the mobile header: https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header

If you want the whole list to open right away then try making a new menu and set to slideout menu in theme location:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

Let me know if helps.

You could try something like this: https://generatepress.com/forums/topic/full-menu-topics-in-mobile-view/#post-219222

That should show all of your menu items on mobile without the need for the mobile menu.

Thank you,

Tom, your solution worked!

Only thing question I have left is, how can I make the menu float right and not on the left? I replaced all code that says left to right, but there is no effect yet (see eliv.com.tw/volunteernow):

@media (max-width: 769px) {
.menu-toggle,
.main-navigation.toggled .main-nav > ul {
display: none !important;
}
.main-navigation ul,
.main-navigation ul li:hover > ul,
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display: block;
}
.main-nav .sf-menu > li {
float: right;
clear: none;
}
.nav-aligned-center.nav-below-header .main-navigation .menu > li,
.nav-aligned-center.nav-below-header .main-navigation .sf-menu > li {
display: inline-block;
}
.main-navigation .main-nav ul ul {
display: none;
float: right;
position: absolute;
top: auto;
left: 0;
z-index: 99999;
width:200px;
text-align:right;
}
.main-navigation .main-nav ul ul ul {
right: 100%;
top: 0;
}
.mobile-bar-items {
display: none;
}
}

Oh, I'm sorry it was very simple... Just added !important and it worked

Thanks!

Glad you got it working! :)