Fix overlapping text on your customer login page

Caution

This is an advanced tutorial and is not supported by Shopify. Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is required. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial.

Caution

This is legacy documentation. It is for themes that predate the customer.liquid file.

Your Shopify Theme is likely using custom templates for your Customer Account pages, if your Customer Login page looks like this:

Customer overlap text

To correct the problem:

  1. Go to the Customize theme page.

    Theme settings btn
  2. Scroll down and click on the Additional Layouts tab. From the Customer Area Layout drop-down, choose theme, then click on the Save button below.

    Customer area layout

With this edit, your Customer Account pages will now be rendered within your Shopify's theme layout. This means that you will see your Shopify Theme header, footer and sidebar on your Customer Account pages. The layout on your Customer Account pages should now look perfectly fine!

Want to discuss this page?

Visit the Shopify Community