Archived topic
Header not centered on larger screen size
3 replies · Started by Oskar on September 29, 2022
Viewing posts 1–4 of 4
I've created a transparent header with a header element set on merge. However on larger screens the header is not centered. It's a contained header. On larger screens it shows on the left while the rest of the site is centered. Can you please help me to get this centered. You can see the site here: https://www.seaside-collective.com/stg_cc1dc/
Hi Oskar,
I've provided some CSS in your other topic, I'll attach it here as well:
Try change this CSS:
.header-wrap .site-header {
margin-left: 2%;
margin-right: 2%;
}to:
.header-wrap .site-header {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 2000px) {
.header-wrap .site-header {
max-width: 96%;
}
}Thanks Ying, that worked!
No problem :)
This archived topic is closed to new replies.
