JennWalker Posted October 27, 2021 Posted October 27, 2021 I am trying to have navigation items on either side of the logo, like the example below. Does anyone know how to achieve this? I would also like the logo and header bar to shrink as you scroll. Thanks!!
Beyondspace Posted October 27, 2021 Posted October 27, 2021 50 minutes ago, JennWalker said: I am trying to have navigation items on either side of the logo, like the example below. Does anyone know how to achieve this? I would also like the logo and header bar to shrink as you scroll. Thanks!! Kindly share your site with protected password to check it easily BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!
JennWalker Posted October 28, 2021 Author Posted October 28, 2021 16 hours ago, bangank36 said: Kindly share your site with protected password to check it easily patricialindner.com password Patricia. Thanks!
JennWalker Posted October 30, 2021 Author Posted October 30, 2021 On 10/27/2021 at 8:57 PM, bangank36 said: Kindly share your site with protected password to check it easily Hi there, just wanted to make sure you got my message, patricialindner.com, password Patricia. Thanks!
derricksrandomviews Posted October 30, 2021 Posted October 30, 2021 Here is a non complicated guide for split navigation for a 7.1 website. https://stnsvn.com/blog/how-to-make-a-split-navigation-in-squarespace-71
JennWalker Posted October 31, 2021 Author Posted October 31, 2021 16 hours ago, derricksrandomviews said: Here is a non complicated guide for split navigation for a 7.1 website. https://stnsvn.com/blog/how-to-make-a-split-navigation-in-squarespace-71 Thanks so much , I will try this!
JennWalker Posted October 31, 2021 Author Posted October 31, 2021 16 hours ago, derricksrandomviews said: Here is a non complicated guide for split navigation for a 7.1 website. https://stnsvn.com/blog/how-to-make-a-split-navigation-in-squarespace-71 Thanks that worked! However, after that I tried the following code to shrink the logo on scroll and it moved the navigation items around. Any suggestion for that? Basically I want the header to be fixed when I scroll but the logo to shrink down. Like this one: https://wendypaquette.com/. Thanks so much! .header-nav { position: absolute; top: 5px; bottom: 0; margin-top: 0!important; margin-left: -50px!important; } .header-nav-item:nth-of-type(2) { margin-right: 340px!important; } .header-title-logo a { z-index: 1000; position: relative; }
derricksrandomviews Posted October 31, 2021 Posted October 31, 2021 Two snippets of code can fight each other and that seems to be what is happening. The fix for this is a bit more complicated and will require the coders here to see your site.
JennWalker Posted October 31, 2021 Author Posted October 31, 2021 1 hour ago, derricksrandomviews said: Two snippets of code can fight each other and that seems to be what is happening. The fix for this is a bit more complicated and will require the coders here to see your site. Ok thank you, will try to find someone to help!
tuanphan Posted November 2, 2021 Posted November 2, 2021 Do you still need help on this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
JennWalker Posted November 7, 2021 Author Posted November 7, 2021 On 11/2/2021 at 5:27 AM, tuanphan said: Do you still need help on this? Sorry, just seeing this now, yes I do please! I would like the header to shrink down and show only an image portion of the logo with no text when you scroll, like this: https://maplesliving.ca/. Website is patricialindner.com password Patricia. Thank you!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.