Simon-JustGoodJuju

you're amazing. Thank you so much

Sorry but won't that impact both the Desktop and the Mobile? What I was hoping was to be able to leave the Desktop one exactly as it is and just manipulate the one on the Mobile.

I agree - I will mess around with words and padding and stuff until I get it acceptable - I just don't know how to reference it!

Site URL: https://www.justgoodjuju.com Thanks to Tuanphan's help, I have the Customer Sign-in link renamed on our site and it works great when viewed on desktop. Can anyone give me guidance on how to make the same thing happen on Mobile? Code: /* CUSTOMER ACCOUNT SIGN IN LINK */ .Header-account span.unauth { visibility: hidden; } .Header-account span.unauth:after { visibility: visible; content: "VIP Customer"; }

Did you ever work out how to do this? I would love to be able to position the login in the menu

Tuanphan I need to change the login wording on Mobile - how do I find out what the reference is? Is there a standard way to know how to reference a mobile item if you know the desktop reference (like adding 'mobile' on the front)?

Thanks - I figured. It is ridiculous - they should at least have options that someone can select. Hardly any site needs 10 character passwords.

Site URL: https://www.justgoodjuju.com Does anyone have any way to reduce the minimum required length of a Customer Account password? Our customers are very vocal about how 10 characters is too extreme (it's more than Banks). I get the need for strong passwords (given the PCI implications) but 10 is just too much.

Tuanphan - I cannot believe I did that! Thank you so much for pointing it out. It works great of course.

Site URL: https://justgoodjuju.com/bracelets On the page (https://justgoodjuju.com/bracelets) we have a filter list (using Categories) that is presented on the Left Hand side. When there are a lot of products (select All) and you scroll down, the filter list does stick but it does not stick at the top (i.e. the topmost category showing is Accent - Gold when I would like it to be the All). I just can't seem to latch onto what I need in order to make it stick 'higher' in the list. I had thought that by altering 'top' I could achieve it (as I assumed top indicates the point at which the container reaches when it sticks) but when I make 'top' any value other than 0, the list is no longer sticky! The CSS achieving the stickiness is: /* FILTER ON PRODUCT PAGES */ .ProductList-filter { position: -webkit-sticky; position: sticky; top: 0; } Any help would be very much appreciated.

Thank you tuanphan - as always a perfect solution.

Site URL: https://justgoodjuju.com/ I want to change the Customer Account sign in link in the header from 'Sign In' to something else. I tried: span.sign-in { content: "New text"; } I guess I am referencing it wrong. Anyone know how to do this?

That did it - thanks!

So I did as you suggested: header.Header.Header--top { z-index: 9998; position: sticky; position: -webkit-sticky; top: 0; background-color: hsl(26, 36%, 92%); } But now I am getting a white stripe below the header and above the banner image. All images have the following: .image-block { width:100%; padding-top:0 !important; padding-left:0 !important; padding-right:0 !important; } I can't seem to work out where the white stripe is coming from as the image is right at the top of the page. Any ideas?

I have exactly the same need - we want to give a customer one free item from the store but not one free order.