Create a simple nav bar

Hi! Can you help me how to style a nav bar to look like this?

Can you show us the code that you have so far so there is something to work from?

Hi @raulstefan98 and welcome to the forums.

Thus recent topic may be of interest and also has the mobile hamburger option.

I don’t have it right now, but i just want to know how to center de title and add the little squares to the title and links

I imagine the red square on the logo is part of the logo. For the current page, one way would be to use a background image.

I want the square to show on hover, and on current link, and i don’t really know How can i make it in css

At least make a start on your code so we can show you where to make the changes. You can post your code in a post here or do the work in a Codepen and post the link.

Being a square I would probably go with a pseudo element and avoid an extra request.

@raulstefan98 how much knowledge and experience of html & css do you have?

The html part should be quite simple, just a list element with list items containing the anchor links. Producing that would be the start point and something to work from with the css.

Like 4 hours :)) i am not home, but i will put the basic code in html as soon as i arrive

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.