youroleksii Posted August 29, 2023 Share Posted August 29, 2023 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, 2023 Share Posted August 29, 2023 Just to clarify, you only want that item, Work With Us, to stick when you scroll? Link to comment
WCS Posted August 29, 2023 Share Posted August 29, 2023 @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 😊 Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. Meghan | Westerly Creative Studio 🍪 Still need your website policies? Termageddon makes it easy. Get 10% off your first year! (< affiliate link) Link to comment
youroleksii Posted August 30, 2023 Author Share Posted August 30, 2023 @M_Fancy_Sites yes, only that item Link to comment
M_Fancy_Sites Posted September 2, 2023 Share Posted September 2, 2023 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