REMOVE LOGIN TEXT STILL APPEARING IN HEADER

Site URL: https://www.soulfruit.co.uk/shop-dried-dragon-fruit/p/dragon-fruit-chips

Hi,

Please can we get help with coding.

We have changed the LOGIN text in the header and replaced with an icon. However on the product page (link above) it keeps showing the word LOGIN underneath the icon.

Please can this be changed?

squarespace adds the login text when the user isn't authenticated. you can remove this using style tags in a code block, or adding this to your site's CSS.

.user-accounts-text-link span.unauth { visibility:hidden }

In this case you have to set visibility to hidden, rather than use display:none, because you've set the icon using a background image. if you set it to display:none (as people might often use to hide something), there will be no background for you to show your icon. this does mean that the size of the button is as wide as the word "Login" would be.

(if you wanted to change that you'd need to alter the code you used to set the icon so that the button had a width and height provided, then you could set your spans display to none.)

Amazing thank you so much this has worked!

Although now when we log in and we're on the checkout pace - the word ACCOUNT appears behind the icon. Is there a code you can give us to change this?

Thank you so much!

On 7/28/2021 at 4:25 AM, nw7063 said:

Amazing thank you so much this has worked!

Although now when we log in and we're on the checkout pace - the word ACCOUNT appears behind the icon. Is there a code you can give us to change this?

Thank you so much!

/checkout or /cart page?

sorry it's cart page when you're logged in.

Thank you!

On 7/29/2021 at 2:49 PM, nw7063 said:

sorry it's cart page when you're logged in.

Thank you!

Can you provide a test/demo account? We can login & check easier