Navbar Toggle Icon

Question
#1

Dear Vishal

I am trying to set up the app to work on smaller screens including mobile. What I have noticed is that the Navabar totally disappears when viewing the app on my mobile phone and I have no access to the menu. The navbar toggle icon does not do anything when clicked. When setting up the navbar snippet I dont see the Navbar Toggle Icon yet it appears when I reduce the screen size. I have looked in the documentation and I dont seem to be seeing it anywhere.

image
image1366×768 122 KB

Where do I find it and how do I set it up to function as it should on small screens?

Thanks

#2

You can check all the options of the mobile menu bar from the Layer manager in the left.

Layer manager will show all the items in the menubar.

Thanks.

#3

Ok. Thanks Vishal. Let me try that.

#4

Hie Vishal

Sorry for getting back to you this late on the same issue. The Navbar toggle menu is still not showing the menu items in mobile size screen. I have noticed there is not much I can do o I am failing to see something. Please help

image
image1366×768 68.1 KB

Thanks

#5

Hi @WillieMak

This could be the issue because you are on a older template (built in Bootstrap 4). Can you try upgrading the project to Bootstrap 5 from the settings and see again?

Thanks.

#6

Hie Vishal
It’s actually on Bootstrap 5.

image
image1366×768 104 KB

#7

Ok. Can you try drag and drop the Navbar again?

#8

Hie Vishal.

I have done so, and seems to remain tbe same.

Thanks

#9

Ok. In that case i will have to get it checked.

1 Like
#10

That would b great. Thank you Vishal.