Two Row Nav Bar - Help?

Design help General
1

Hello all,

I am new to WebFlow, and I was wondering if anyone could please help.
I want to create a site whereby the top part of the header remains at the top, and the second part is sticky (as in the image above).
I am aware there is a thread like this (Stick Nav Help. Two row header), however it was resolved without any helpful comments.
I would appreciate any advice as it would really help me get started.

Thanks

2

Hey Siam, welcome to the forum :webflow_heart:

I took the chance to create a clonable template you can use.
here you go: Tiny Resources | Templates

3

Hi,

Thanks a lot for making this template - much appreciated! :wink:
Any chance we could make it fully mobile responsive?

Thanks!

4

It is fully mobile responsive :smiley:

5

Only thing is that might not be responsive, is the amount of icon links Ive added… :sweat_smile:

6

Hello again,

I have just been having a look at the template, and I want to create something like this:

LRP Site
LRP Site1847×1083 494 KB

Please can you tell me how to do this? (i.e. change the colours and make it fullwidth)

Thanks a lot!

7

Hi,
You can use the template and copy the 2 navbars to your project, and edit them to look like the example :slight_smile:

8

Sorry to keep bothering you, but how do I make it so that it fully extends?

image
image2114×754 378 KB

I know this is probably a silly question, but I am completely new to WebFlow. If you could let me know how to do this, or link a post/video that could be useful - that’d be much appreciated.

Thanks again!

9

No problem.
Can you share a read-only link?

10

https://preview.webflow.com/preview/saims-amazing-project?utm_medium=preview_link&utm_source=dashboard&utm_content=saims-amazing-project&preview=dca4a0617288f8328124388ff8c43134&mode=preview

11

Oh, this is the clone of the original project :sweat_smile:
The hierarchy and structure I made is using container element with 20px paddings, and maximum width of 1300px.
You can add a combo class to this container in the navbar, and remove the paddings and maximum width:
1 -

Screen Shot 2020-03-21 at 20.47.53
Screen Shot 2020-03-21 at 20.47.532878×488 251 KB

2-

Screen Shot 2020-03-21 at 20.48.23
Screen Shot 2020-03-21 at 20.48.232880×1048 223 KB

12

Hello again.

I was wondering if you could help me with website responsiveness.

https://preview.webflow.com/preview/liberalreformists?utm_medium=preview_link&utm_source=designer&utm_content=liberalreformists&preview=4de51d013ca5d46f065d1b4707a59f6b&mode=preview

There is the link. I want to get my elements (the text and images underneath the hero, above the cards) responsive across all devices, but I just can’t seem to get it right, like you did with your elements on the template.
Any help would be much appreciated, and if you could perhaps edit/tweak some things if you get the chance - that would be brilliant.

Thanks!

13

I suggest you watch the Webflow University videos, they can help you ALOT :smiley:

Other then that, if you don’t have bg video, remove the element and apply the image cover on the section.

14

Well, you don’t need to use a Nav Bar twice. Why don’t you just use a simple section?

I’m not sure if I understood your question, but I got this as example:

image
image1877×951 554 KB

https://escolaloy.webflow.io/

15

I know this is four years late, but @avivtech you just saved us a ton of time and resolved a big frustration for me. Thank you for being a life saver.