Hello,
I want my header to look like this one, can you help me with some code please ?
I attached below a photo so you can check the design:
I’m using dawn theme and my store is womber.fr Password: PROPAGANDAAA
Thanks you very much
Topic summary
A user seeks help styling their header on the Dawn theme to match a reference design. The main issue is text positioning on the left and right sides of the header, which appears too close to the edges and nearly cropped.
Current Status:
- Store using Dawn theme (womber.fr)
- Reference image provided showing desired header layout
- Initial responses suggested the current design already matches the reference
Solution Provided:
A CSS code snippet was offered to increase horizontal spacing:
@media screen and (min-width: 990px) {
.header:not(.drawer-menu).page-width {
padding-inline: 30px !important;
}
}
This adds padding to better distribute text across the header width, preventing the cropped appearance. A result screenshot demonstrates the improved spacing.
Resolution: The discussion appears resolved with a working CSS solution, though no confirmation from the original poster yet.
1 Like
1 Like
Hello, it’s not exactly the same because on the right and left, my text is at the end of the header, almost cropped, whereas in the photo of my example it’s better distributed.
