Move the page heading to the left Kalles theme

Topic summary

A user seeks to left-align page headings on wishlist and collection pages (desktop view) for their Shopify store using the Kalles theme.

Attempted Solution:
A responder provided CSS code to add to the theme’s base.css file:

  • Modify .t4s-container with max-width: 100% and padding: 0 60px

Issue Encountered:
After implementing the code, the user reports an unintended side effect: the top bar and header shifted to the right instead of achieving the desired left alignment of page headings.

Current Status:
The problem remains unresolved. The initial CSS solution caused layout issues elsewhere on the site, requiring further troubleshooting or an alternative approach.

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

Hello there,

I want to move the page heading to the left on the wishlist page and collection page on desktop.

website: https://greatspeedsports.myshopify.com/

password: 123456

1 Like

Hi @Bethchan56
Its SideNode! We will be happy to help you today.

Could you please verify and double-check your stored password? It appears to be incorrect or mismatched.

Let me know if need further assistance
Regards,
SideNode

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.t4s-container {
    max-width: 100%;
    padding: 0 60px;
}

Hello, there

Thank you so much. After I add the code, the top bar and header are moved to the right.