How do I get the text in my nav bar to stop going to the next line?

Question

I want my nav bar to not have two lines of text and because it would overflow I want it to scroll horizontally. I tried whitespace but it wouldn't work. I really want my lines to stay horizontal.
https://code.sololearn.com/WLae314aQLIx/?ref=app
https://code.sololearn.com/WLae314aQLIx/?ref=app

Answer 1

I'm bored so I made a navbar for you.
Like Xan said it's not ideal to have any horizontal overflow on mobiles.

https://code.sololearn.com/WknEFty9b6nc

Answer 2

its because your #nav is only 400px

You also have
margin: -10px

You don't need that if you remove the padding from body
body {
padding: 0px;
}

Answer 3

Xan I meant I wanted the nav bar to scroll horizontally not the whole page.

Answer 4

That's a bad idea. You either need the nav bar menu items on one line (wider browsers), or it to go to two lines or more, or for a hamburger menu to kick in (as that is fairly standard now, but risky for inexperienced web visitors).

People on a mobile want a mobile friendly website, they don't want to have to scroll horizontally.

There's often a trade-off between visuals and usability, however two lines of text on the nav bar, is better than scrolling horizontally.

Answer 5

Toni Isotalo Should I credit you in the site for helping?

Answer 6

Sure, I still think scrolling a nav bar horizontally is confusing and non-standard for most users. It's your choice though.

I often look at the top websites in the world for clues. They can hire the best web developers in the world, and often have a huge budget. If they do / don't do something, I take notice.

Answer 7

Did I misunderstand the question? What course do you mean?🤔 Also, hi. 😄

Answer 8

My day is okay. I have several copies of my Cybersec page and deleted the old one. I'll let you see the one being worked on. I'm having such trouble with it.

Answer 9

https://code.sololearn.com/WlJsw2nm8vpy/?ref=app

Answer 10

What course? I'm not deleting anything. I'm having trouble with my site at the moment. I'm trying to get my buttons to work properly.