Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
blh33

How can I move the customer account "Sign In" link to a different navigation position?

Recommended Posts

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.

 1679439484_ScreenShot2020-06-16at11_35_02PM.thumb.png.fdb6c066f29f3d666a426c77bb72d3d5.png

Share this post


Link to post
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.

 1679439484_ScreenShot2020-06-16at11_35_02PM.thumb.png.fdb6c066f29f3d666a426c77bb72d3d5.png

You can move any where you want

image.thumb.png.080dea0c2be5b96100fb997dc67b5910.png


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post

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>

 


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post

@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
image.png.a3f055119fadca7759f2e609df1d1dfc.png
 


Philadelphia, PA

Available for hire

Beyond Copy/Paste: Learn CSS for Squarespace Workshop

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Share this post


Link to post
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
image.png.a3f055119fadca7759f2e609df1d1dfc.png
 

Thank you, our approach are different provide more options for the solutions, jQuery can maximim the browser support


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...