Navigation only being fetched on mobile

Hello.

It is very important to be able to setting up a menu which only is fetched on mobile devices. How to do that?

Kind regards from DK

Menu is same it has only two ways of displaying based on screen width. Workaround would be to create two menus and use module class suffixes " mobile_menu" and " desktop_menu" , note first char in both cases is blank char.

Then in layout.css you could add css like this:

@media screen and (min-width: 512px) {
.mobile_menu{
display:none;
}
.desktop_menu{
display:block;
}

}

@media screen and (max-width: 512px) {
.mobile_menu{
display:block;
}
.desktop_menu{
display:none;
}

}

this would make one with suffix " mobile_menu" display when screen size is under 512px otherwise other menu would be displayed.

Thank you so much indeed for this helpful response. I will try out.