python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - nav

Using flexbox to make a navbar with 3 divs

I am trying to make a navigation bar that has three <div> elements, using flexbox layout; the desired look would have content on the far left, center, and far right. I just can't get them to sep...
test-img

TJ Cullen

html

css

flexbox

nav

Votes: 0

Answers: 4

Latest Answer

I've also deleted unnecessary codes * { padding: 0; margin: 0; } .navbar-wrapper { display: flex; flex-direction: row; justify-content: space-around; /*or space-between*/ align-items:...
test-img

user17221466

How can I make a Horizontal scrolling nav bar that also works with mobile

So I have a website about the NBA and the problem is there is 30 teams in the NBA. When I make a nav bar it takes up half the page because there is 30 teams lol. How can I make a nav bar that scrolls ...
test-img

Allen Mordukhaev

javascript

html

css

navbar

nav

Votes: 0

Answers: 1

Latest Answer

To enable horizontal scrolling, you should add something like this in CSS: .enableHorizScrolling { max-width : 10000px; overflow-x : auto; } max-width will instruct your element to keep adding te...
test-img

ControlAltDel

Scrollable dropddown not fully visible

I have a navbar with a scrollable dropdown item(cart view) to the right side of it. The problem is that if there are more than one item in the cart, the top part of the dropdown it is not visible anym...
test-img

Prgrmist

html

css

scroll

dropdown

nav

Votes: 0

Answers: 1

Latest Answer

You centered vertically your elements in .dropdown-content with justify-content: center; To fix it, you need to change it to justify-content: flex-start; and normally it'll works.
test-img

aflyzer

The links on my navbar are not correctly highlighted as active when I am scrolling

I have some problem with highlighting the links from the navbar menu as active when scrolling down the page.... //JS code: let li = document.querySelectorAll(".navilinks"); let sec = documen...
test-img

Aleksandar Cvetanovski Ristov

javascript

html

navbar

nav

Votes: 0

Answers: 0

Posts

Questions

Blogs

Jobs