baurti
Topic summary
A user seeks help centering header elements on their Shopify store (sublimesnkrs.com). They share a screenshot showing the current layout issue.
Solution Provided:
Victor from PageFly suggests adding custom CSS code to the theme’s base.css file through the following steps:
- Navigate to Online Store → Theme → Edit code
- Locate the base.css file
- Add the provided CSS snippet at the bottom
Follow-up Clarification:
The user asks if the header elements can be centered between the cart and logo specifically, rather than centered on the entire page.
Resolution:
Victor confirms the header issue has been fixed and offers continued support for any additional problems through the Shopify community.
Note: The conversation includes code snippets and screenshots that are central to implementing the solution.
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
header.header.header–middle-left.header–mobile-center.page-width.header–has-menu {
display: flex !important;
justify-content: space-between !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Hi thank you! but is it possible to get the header stuff in the center of the page instead centered in between the cart and logo.
Sorry to miss your message.
I rechecked the above issue and found that the header issue is fixed now.
If you have any other problems, you can share them on the Shopify community so we can help you.
Best regards,
Victor | PageFly