Spacing issue with nav bar

Design help Layout & Design
1

Hi, I’m having a weird issue with the spacing in the side nav bar. for some reason, the spacing within the side nav bar is different between the home page, the “me” page, and the “resume” page. Why is that? even if I copy paste the nav bar between all the pages, the spacing issue remains.

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

2

Hi there,

The spacing inconsistencies in your navbar can be resolved by checking a few key settings. When using position: sticky for the navbar, parent elements with overflow set to hidden, scroll, or auto can interfere with proper spacing and positioning. Additionally, parent elements with fixed heights may cause unexpected behavior.

To fix the spacing:

  1. Review all parent containers of your navbar and ensure they don’t have overflow properties set
  2. Remove any fixed height constraints on parent elements
  3. Adjust the navbar spacing using padding on either:
    • The navbar container itself (recommended for overall spacing)
    • The individual elements inside the navbar (for fine-tuning specific component spacing)

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.