Hiding my hero section contents in full view from the second section

Dear guys I hope you are doing well, I did the body hight 100% and i did the hero section hight 100% it fills well in all screen, but there is a problem that the second section when i scroll down overlap or hide the content on the hero section when i view it on mobile portrait or when i decrease the screen hight. i don’t know how to solve this…

here is a link if you would like to see what what i mean.

https://preview.webflow.com/preview/baseems-fantastic-site?preview=5d4fa806aa7377a9f5dd179b0f055fa9

http://baseems-fantastic-site.webflow.io/

I’m totally new to webflow and this is my first time working on this after seeing many tutorials and read some posts in forum.

highly appreciated your help


Here is my public share link: LINK
(how to access public share link)

Hey @Baseem_Ahmad welcome to the Webflow Help pages! :smiley: We’re glad you’re here :slight_smile:

Have you tried changing your section heights to 100vh? Just type in 100vh into the height field and it will fill the full screen height. And make sure that they’re set to Relative positioning. On mobile just remove the height setting and add padding to the top & bottom of the section (unless the content can fit fine without being cutoff in the 100vh height) :slight_smile:

Please let me know if you have any questions, or if you need any additional help :slight_smile:

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