Responsive landing page "Made with Love🥰"

Community feedback

• 

  YhoshuaBernal•70

  @YhoshuaBernalPosted 7 months ago

  My recommendation would be: That the header on mobile devices can follow the user's scroll in order to use the menu anywhere on the page, and that when opening the menu, it can also follow the scroll, since it currently remains in the same place. You could solve this by using position: sticky and top: 0; on the header tag to maintain its visual relationship according to its box model. I tried to implement it on your page and it seems to conflict with:

  html { overflow-x: hidden; }

  Removing that property allows both the header and the navbar to follow the user's scroll. It would only be necessary to adjust the box model of the header and the background-color a bit.

  I hope this helps.😋

  1

  ---

  

  Selvy Atef•200

  @Selvy2004Posted 7 months ago

  @YhoshuaBernal Yes, sir, that all are already on my mind.

  html { overflow-x: hidden; } is not the reason that the navigation doesn't follow user's order, and there is no sticky navigation.

  They don't work, because I didn't even implement the navigation, and also I didn't do a sticky navigation, all in purpose, because I didn't have time😅😂, so I will do it later.

  • An advice for you:) html { overflow-x: hidden; } is too important, because if it is not exist, if the user scroll at X way, it will scroll and let him out of the page and give him a white page or a white part on his screen.

  I hope it is useful for you:)

  1