youroleksii Posted August 29 Share Posted August 29 How to make one of the navigation menu items stay on the page while you scroll? Like "Work with us" on the webpage example Link to comment
M_Fancy_Sites Posted August 29 Share Posted August 29 Just to clarify, you only want that item, Work With Us, to stick when you scroll? Link to comment
WCS Posted August 29 Share Posted August 29 @youroleksii You can actually do this without code! Click 'Edit' Hover over your navigation and click 'Edit Site Header Scroll and toggle on 'Fixed position' (see screenshot) If you want your header to be translucent as you scroll (no background), then in that menu: Click 'Style' Select Solid Put the Opacity at 0% Let us know if that solution works 😊 Was our response helpful? Click 👍 or mark it as the solution! This helps others find the answers they need. My name is Meghan and I'm the owner of Westerly Creative Studio, a Bay Area creative force specializing in Squarespace websites and branding foundations. Follow along on LinkedIn or Instagram for more tips, updates, and resources. Link to comment
youroleksii Posted August 30 Author Share Posted August 30 @M_Fancy_Sites yes, only that item Link to comment
M_Fancy_Sites Posted September 2 Share Posted September 2 Try this: .header .header-nav-item:nth-child(1) { position: fixed!important; margin-right:7rem; } This works with 2 items like the example screenshot you provided. If using for the second item, change nth-child(1) to nth-child(2) and adjust your margin Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment