[Resolved] header options

[Eddie]

Hi,

i cant seem to find a way to make the header contained..
i dont have any options under appearances to control it and it default to full page.
i even tried to use element and add a background image and changing the image to contained didnt work either (showing full width).

[David]

Hi there,

your site header is built with Elementor – you would need to edit the Section you created in Elementor

[Eddie]

I used the following CSS to resolve the issue.
because no matter what i did it wasnt lined 🙂

.elementor-section-boxed .elementor-column-gap-default .elementor-row {
width: calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
}
.elementor-section-boxed .elementor-column-gap-narrow .elementor-row {
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px;
}
.elementor-section-boxed .elementor-column-gap-extended .elementor-row {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.elementor-section-boxed .elementor-column-gap-wide .elementor-row {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
.elementor-section-boxed .elementor-column-gap-wider .elementor-row {
width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px;
}

[David]

Glad to hear you got it resolved and thanks for sharing

[Author]

Posts