Alignment of Text under Brand Logo

Shopify Discussion

Topic summary

A Shopify store owner is experiencing CSS alignment issues with a header on their Brands page, positioned under the brand logo. The same CSS code (including padding and margin properties) successfully works on other pages like FAQ, About Us, and Privacy Policy, but fails specifically on the Brands page.

Proposed Solution:
Another user suggests removing the line max-width: max-content; from base.css at line number 3584, specifically within a media query for screens min-width 750px.

Current Status:
The thread appears to end with the suggested fix, but no confirmation has been provided on whether the solution resolved the alignment issue.

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

Hi,

I have been trying to align my Header for Brands page under my brand logo but it is not working out.

I used the same CSS code for the other pages and it worked well but somehow, it doesn’t work on Brands page.

Please help.

CSS Code used:

padding-top: 12px;
padding-bottom: 12px;
margin-left: auto !important;
padding-left: 5rem !important;
padding-right: 5rem !important;

Pages that the code worked: https://ee15bf-83.myshopify.com/pages/faq, https://ee15bf-83.myshopify.com/pages/about-us, https://ee15bf-83.myshopify.com/pages/privacy-policy

Page that the code did not work: https://ee15bf-83.myshopify.com/pages/brands

2

Hi @thatshampooshop ,

Remove the line max-width: max-content; from base.css line number 3584

@media screen and (min-width: 750px) {
.section-template–17529873072291__main-padding {
padding-top: 12px;
padding-bottom: 12px;
margin-left: 21rem auto;
}
}

Thank you

1 Like