Top section compresses in tab view

Community resources General
1

Hello Webflow World! :stuck_out_tongue:

I am practicing webflow these days. While recreating signal.org design, I added a section below the top section (top section contains nav bar). It worked fine in desktop view but when i choose tab view and smaller screen sizes, the top section looks just like a line thus pushing the section below to the top of the body.
Interestingly, the navigator still shows Nav bar in the top section and the nav bar is visible on all the screens.

Project link : https://preview.webflow.com/preview/practice-circle?utm_medium=preview_link&utm_source=designer&utm_content=practice-circle&preview=7f68aa173f2c00fb9415f1a62d4892a0&workflow=preview

2

hi @padmakar_roy and welcome on board, your content is pushed up because navigation position is set to absolute.

you can find more on

I will suggest you will spend some time on WFU to learn how to work with this platform take some CSS & HTML free course on YT and if you will still have an issue use this forum search input field when looking for solutions. :slight_smile:

3

Hey Stan!

Thank you for the quick response, this definitely is useful!

About the HTML & CSS course, is it necessary to learn to make full use of webflow? BTW, i am not a coder.

4

hi @padmakar_roy thank you for very good question. Learning at least basic about HTML and CSS is not necessary as WF is ā€œno-codeā€ platform and offer GUI (Graphic User Interface) to prototype website faster but under hood it is just HTML, CSS and javaScript. Thatā€™s why learning at least basics of essential technologies used for building websites is beneficial.

1 Like
5

Thanks @Stan !

Thatā€™s a really valuable advice. I will definitely go through the basics!

1 Like
6

hi @padmakar_roy basics of HTML and CSS can be learn in 2-4 weeks depend what time you will spend on learning. You can find very good courses on YT all you need understand to start with are positions, Flex and CSS Grid. You should avoid Crash courses in general but there are some exceptions also release day is also important as CSS evolved in last two-three years rapid way but core is still same. As not every teacher explain things the way that his/her explanation will be easy to grasp, finding one thatā€™s explaining things the way you understand is also good.

Here are some tips but find one that will suite to you best. :wink:

1 Like
7

Wow!

I canā€™t thank you enough @Stan !!!

Will go through the videos for sure.

1 Like
8

hi @padmakar_roy if you do not have further questions related to your original request feel free to close request as solved by marking any response that helped you as solution.

Thank you

9

Hey @Stan ,

Thank you for all the help!

I canā€™t find any option to close this. :thinking:

10

hi @padmakar_roy try click on 3-dots in any response and you should see an option solution

11

Apologies for the delayed response.

I already tried that but whenever I click the 3 dots, the dots are replaced by a flag icon.
Screenshot 2022-02-10 154216

12

hi @padmakar_roy sorry for misleading information as I wasnā€™t created any request for a while. You as a creator of request you should see this under you post.

CleanShot 2022-02-10 at 11.31.30

If you donā€™t see this option donā€™t worry as it can be some glitch in forum.

13

Hey @Stan !
Thats totally cool! But I canā€™t find the solution option either.

Screenshot 2022-02-10 171042webflow
Screenshot 2022-02-10 171042webflow1136Ɨ339 13.4 KB

So, probably a glitch! :stuck_out_tongue:

Thank you for all the support! :smiley: