'Top Menu Navigation not displaying correctly in mobile

When viewing my website on a mobile the top menu is all stacked up, and does not appear the same as the desktop version (a horizontal, single-line menu) Is there anything I can do to resolve this?



Solution 1:[1]

You can use the media query and specify the size of the device so that it fits the display automatically. Also you can use bootstrap libraries to resolve this problem.

You can refer to this link for more information.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Nikhil