Nav Space Between not working even though I created div inside nav

Design help General
1

Hello I am having an issue with my nav not properly displaying the space between. I saw in previous forum posts that wrapping the nav contents inside a div in the nav and then applying the flexbox properties to it would work but this isn’t the case for me. Any help to resolve this would be very much appreciated.

Screenshot 2024-12-04 at 10.16.25 AM
Screenshot 2024-12-04 at 10.16.25 AM2848×520 169 KB

https://preview.webflow.com/preview/saras-supercool-site-1b9f0d?utm_medium=preview_link&utm_source=designer&utm_content=saras-supercool-site-1b9f0d&preview=50792150aada4ae848e680587ada30a8&workflow=preview

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

2

image
image1920×971 76.2 KB

Do you want your menu to be like this?

4

yes! How did you do that?

5

Just make the width of div a fix, and apply the auto in margin

6
  • Remove the space-between alignment from the parent div .div-block-19. Screenshot
  • Remove the margin-left: 0 style from .container-6.
    Screenshot
  • Add margin-left: auto to .nav-menu-2. Screenshot
  • I strongly recommend avoiding the use of float for styling.
8

Thank you so much that worked!

1 Like