You’ve got a lot of options when adding navigation to your project, and one of the most common and powerful ways to do this is through a navbar.
The navbar gives site visitors a good top-level view of the content of a website. On devices with less screen real estate, the navbar can also be configured to display a menu button which lets the user access that same navigation in a hidden menu.
We’ll cover five aspects of the navbar:
1. Adding a navbar
2. Anatomy of a navbar
3. Configuring the brand or logo in the navbar
4. Adding and styling links
5. Reusing the navbar throughout the project
Steps in the video:
00:00 – Introduction
00:37 – Adding navbar
01:05 – Navbar anatomy
01:56 – Configuring brand
02:47 – Building out links
03:50 – Reusing navbar
———-
Learn about responsive web design:
https://webflow.com/blog
Get started with Webflow:
https://help.webflow.com/courses/getting-started
http://webflow.com
http://twitter.com/webflow
http://facebook.com/webflow
source
I need these where can I find these π π€£π€£Periodic table element
for the life of me I cannot figure out how to edit the brand component. I do not want an image, I'd rather it just be text but I am unable to make it so, any recommendations?
how do you add a button into the navbar without messing with the link positioning or alignment?
the best tutorial style on the internet
responsive? where is it in this video?
Please make this an application or at least a chrome Web application. This is the best and most flexible designer I have ever seen. ππΏππΏππΏππΏ
Hi
how do you get to put the Logo in the Navi box, without changing the navigation bar size. when i put my pic art logo the nav bat gets huge how do i prevent that?
wow i actually love these tutorials, good job folks
"less horizontal real state" ajjajajjajajajaa
how can be build a blog sidebar ?
How do you edit features of the mobile menu dropdown? All I see is an 'icon'.
Which software is this ?
Is there any real way to edit the navbar? I want to make a responsive web page but I don't want the exact layout of the navbar that is given in webflow. Like what if I want to move the logo to the right of the other links, or if I want to stack the links one on top of the other?
This is really helpful. Thanks!
Does Webflow own all your content and therefore you will never have complete ownership of your sites?
Just curious…..
How can I specify or customize the Margins of this Navbar premade component (both the Brand and Text Links), if you'll see there at the video, it's already at the 0. I want it wider. But when I'm doing that it breaks.
Also will it be too trouble to customize the anatomy of the premade Navbar, bc I actually want a 3 collumn nav bar, like on Tesla website (see the website) where there's Brand logo at the far left, middle text links, and far right text links? Is this possible to be done on the premade Navbar…
…or should I make my own Nav bar usings Dibs instead?
Thanks for the video! Is there a way to change the appearance of the menu button in the tablet and mobile version of the site without coding. ( for example make it two lines instead of three line or smaller, thiner, thicker etc..) π
π₯
just wanted to say that all the little jokes in these tutorials are really helping to brighten up my day π thanks
i know my laugh can't be 'invisible' too' ><
Is it possible to get the Burger menu on the left side and the logo centered? Somehow I cant figure that out…
Lol, the jokes in these tutorials are so great. Actually, EVERYTHING about these tutorials are masterfully done. Thanks!