blh33 Posted June 17, 2020 Share Posted June 17, 2020 Site URL: https://annabelreese.com Hello, I'm using the Bryant template for my site (https://annabelreese.com). When I enable customer accounts the corresponding "Sign In" link gets displayed in the navigation, which is fine; however, I'm unable to move that link to a different position. Is it possible to move? Or am I stuck with it being fixed in the first spot? Thank you in advance. Link to comment
Beyondspace Posted June 17, 2020 Share Posted June 17, 2020 7 minutes ago, blh33 said: Site URL: https://annabelreese.com Hello, I'm using the Bryant template for my site (https://annabelreese.com). When I enable customer accounts the corresponding "Sign In" link gets displayed in the navigation, which is fine; however, I'm unable to move that link to a different position. Is it possible to move? Or am I stuck with it being fixed in the first spot? Thank you in advance. You can move any where you want 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! Link to comment
Beyondspace Posted June 17, 2020 Share Posted June 17, 2020 This is the snippet for that blh33 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $("#mainNavWrapper #mainNavigation .user-account-link").appendTo("#mainNavWrapper #mainNavigation"); }); </script> 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! Link to comment
RyanDejaegher Posted June 17, 2020 Share Posted June 17, 2020 @bangank36, no need to load jQuery for this@blh33 you can change the order with some custom CSS, this won't impact load time because you're not loading jQuery /* Add this code to Design -> Custom CSS */ #mainNavigation { display: flex; justify-content: flex-end; align-items: baseline; } #mainNavigation .user-account-link { order: 2; } #mainNavigation .collection:nth-of-type(6) { order: 3; } #mobileNavigation { display: flex; flex-direction:column; align-items: baseline; } #mobileNavigation .user-account-link { order: 2; } #mobileNavigation .collection:nth-of-type(6) { order: 3; } This is also applying the change to mobile Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Beyondspace Posted June 17, 2020 Share Posted June 17, 2020 8 minutes ago, RyanDejaegher said: @bangank36, no need to load jQuery for this@blh33 you can change the order with some custom CSS, this won't impact load time because you're not loading jQuery /* Add this code to Design -> Custom CSS */ #mainNavigation { display: flex; justify-content: flex-end; align-items: baseline; } #mainNavigation .user-account-link { order: 2; } #mainNavigation .collection:nth-of-type(6) { order: 3; } #mobileNavigation { display: flex; flex-direction:column; align-items: baseline; } #mobileNavigation .user-account-link { order: 2; } #mobileNavigation .collection:nth-of-type(6) { order: 3; } This is also applying the change to mobile Thank you, our approach are different provide more options for the solutions, jQuery can maximim the browser support 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! Link to comment
RyanDejaegher Posted June 17, 2020 Share Posted June 17, 2020 @bangank36, Flexbox is well supported across browsers. Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Beyondspace Posted June 17, 2020 Share Posted June 17, 2020 2 hours ago, RyanDejaegher said: @bangank36, Flexbox is well supported across browsers. That's right, you 're good 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! Link to comment
blh33 Posted June 17, 2020 Author Share Posted June 17, 2020 @bangank36 @RyanDejaegher Thank you for your quick feedback and solutions. I appreciate it! Link to comment
TracyR Posted October 14, 2020 Share Posted October 14, 2020 Amazing @RyanDejaegher, thank you! Any idea how to add some spacing to the right of the "Contact Us" button so it's equal distant to the next navigation item like the balance of the nav? https://www.poochpaper.com/ Link to comment
Vasiliss Posted March 10, 2021 Share Posted March 10, 2021 Hi, I've read this post and it was very useful for me too! Thanks and nice website! I wanted to ask you though: How did you make the Sign in link to change into My account once the customer is logged in? It must be trivial but can't seem to find the way. Thank you! Vasilis On 6/17/2020 at 4:35 AM, blh33 said: Site URL: https://annabelreese.com Hello, I'm using the Bryant template for my site (https://annabelreese.com). When I enable customer accounts the corresponding "Sign In" link gets displayed in the navigation, which is fine; however, I'm unable to move that link to a different position. Is it possible to move? Or am I stuck with it being fixed in the first spot? Thank you in advance. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.