'Navigation menu taking up screen in mobile display/doesn't look the same as desktop
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? My Knowledge is not the most advanced in this area.
Solution 1:[1]
You are looking for a responsive design, one that adjust along with the resolution of whatever device is being used. This website I linked below is perfect to explain what you are looking for with the addition of examples.
You are looking for code that asks the device "what size am I?". The device will answer with the information, and then you can set parameters. "if device is 'mobile' Navigation bar should be 300px." This will also help if your user shrinks their web browser to half the screen or smaller, hence making it 'responsive'.
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 | samualbruening |