Goal: make the header’s background image span full width horizontally (no tiling). The current header shows unexpected side padding, and changing width in the provided CSS has no effect.
Context: The poster shared screenshots of the current header and their CSS. The store is password-protected, limiting direct review.
Requests for access: Two respondents asked for the store URL and password to inspect the live theme and diagnose the CSS/layout constraints.
Proposed fix: One respondent advised changing the CSS selector to target .header-wrapper instead of .header, implying the background or width constraints are applied on the wrapper element rather than the header element.
Status: No confirmation yet from the original poster on whether targeting .header-wrapper resolves the issue. Discussion remains open pending access details and/or feedback on the suggested selector change.
Notes: Images of the current layout and the CSS are central for understanding the issue, but no code snippets beyond the selector hint were provided.
Hello I’m trying to change the width of my background image for my header to be full length horizontally (not tiled) - it currently has a strange padding that is set to “auto” somewhere?
This is what it currently looks like
This is what I have my code set to at the moment.
It doesn’t seem to care that I have any width set here.
Hello @123rainbow
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.
Target .header-wrapper instead of .header in your rule.
