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

Store Design
1

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!

1 Like
2

Hi @sgomez

Please, share your store URL. Thanks!

3

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

4

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

5

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

6

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

7

Thanks for the info, this button right?

Made4uoRibe_0-1733428903432.png
Made4uoRibe_0-1733428903432.png331×153 1.67 KB

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

8

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

47.png
47.png705×474 22.2 KB

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

1 Like
9

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.

LizHoang_0-1733477036026.png
LizHoang_0-1733477036026.png1363×618 163 KB

10

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

11

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!

12

also tried placing the code into customizer → custom css tab but no luck. :confused:

13

is there a custom code solution that could also work?

14

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 tag

Thanks

15

Hey!
I tried this out too but still don’t see a difference :pensive_face: