Centralised account page

Store Design
, ,

Topic summary

A user seeks help centering elements on their Shopify account page, providing a password-protected URL and screenshot showing the current layout.

Solutions Offered:

  • CSS Approach: One responder provides step-by-step instructions to add custom CSS code targeting mobile screens (max-width: 989px) that centers the customer account section using text-align: center. The code should be added to either a custom CSS file or base.css through the theme editor.

  • App-Based Alternative: Another contributor suggests using Shopify apps from the app store to transform the account page layout, noting that default theme account pages often lack robust layout options.

The discussion remains open with no confirmation from the original poster about which solution was implemented or whether the issue was resolved.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

hi can help me centralise this

url - https://492dea-24.myshopify.com/pages/landing-page-apr-25-23-07-50

pass- Humblee3030

IMG_2486.jpeg
IMG_2486.jpeg1170×1870 92.4 KB

2

Hello! @Suco Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css”
  6. Add the following code at the end of the file.
@media screen and (max-width: 989px) {
.customer.account {
    text-align: center;
}
}

Let me know if you need further assistance.

3

Hello @Suco ,
So the layout can also be transformed by few apps . You can try some of the Shopify apps from Shopify app store . Usually themes does not have good accounts page layout .
You can see some of the apps below