How to change the heading position to the left

Topic summary

A user seeks to reposition a heading element to the left on their Shopify store (ryusei.co.id). Screenshots show the current centered heading layout.

Solutions Provided:

Two responders offered CSS-based fixes:

  • PageFly-Richard suggested adding custom CSS code to the theme.liquid file above the </head> tag, though the specific code appears corrupted in the thread.

  • BSSCommerce-HDL provided a similar approach with step-by-step instructions to insert CSS into theme.liquid, including a screenshot showing the expected result with left-aligned heading.

Implementation Steps:

  1. Navigate to Online Stores > Themes > Edit code
  2. Open theme.liquid file
  3. Paste the provided CSS code above the </head> closing tag

The discussion appears resolved with working solutions, though the user’s final response about “what about this?” suggests they may have encountered additional positioning issues requiring further adjustment.

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

https://ryusei.co.id/

become like this

Hi @Ryusei_1

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

what about this? the same, change its position to the left

1 Like

Hi @Ryusei_1 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: