Hide log in button from checkout page. (Keep login in header)

[sgomez]

Hello,

I would like to hide the login button specifically on the checkout page while retaining it in the site header for customers. Is there a custom code solution that can achieve this functionality only on the checkout page?
It is important for the header to remain unchanged with its current login button.

Thank you!

[Made4uo-Ribe]

Hi @sgomez 

Please, share your store URL. Thanks!

[sgomez]

Sure! here you go: https://truenorthshop.com/

[Made4uo-Ribe]

Thanks for the info, this button right?

In the checkout, not the cart page? Only Shopify Plus allows modifications to the checkout.

[sgomez]

is there a custom code solution that could also work? 

[NerdCurator]

@sgomezCan you please provide the URL of your store and if it is password protected please share the password too. Thanks

[sgomez]

sure! here you go. https://truenorthshop.com/

[NerdCurator]

@sgomez  You can do that using settings in the backend of the store. Settings > Customer Accounts > Show login links. 

[sgomez]

i want to hide login  on the checkout page and KEEP login on the header.... 
I believe your suggestions modifies both at the same which is not what i'm looking for.....
Thanks!

[GTLOfficial]

Hello @sgomez 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.s2kwpi1.s2kwpi0._1fragemlj._1fragemsf._1fragemsl._1fragems9.s2kwpi2.s2kwpi6.s2kwpi4._1fragems6 {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[sgomez]

I tried this but didn't work.
My theme doesn't have a base.css file, so I placed the code inside the snippets/custom-styles.liquid

[sgomez]

also tried placing the code into customizer -> custom css tab but no luck. 😕

[GTLOfficial]

TRY THIS:-

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.s2kwpi1.s2kwpi0._1fragemlj._1fragemsf._1fragemsl._1fragems9.s2kwpi2.s2kwpi6.s2kwpi4._1fragems6 {
display: none !important;
}
</style>

Thanks

[sgomez]

Hey! 
I tried this out too but still don't see a difference 😔

[LizHoang]

Hi @sgomez 

I have checked on your query. Since at the Shopify checkout page, customizations are normally restricted.
If you wish, you may navigate like the image above. However, you cannot remove the login section, only modify the color and a few other elements.