[Resolved] split header hook: set header section widths?

[Jessica]

Hiya, is it possible to set the header sections to specific widths when using this hook?

I’d like to make section 1 and section 3 smaller and the middle one (where logo is) much wider… possible?

ta in advance for help.

[Tom]

Hi Jessica,

Absolutely! You currently have this:

.header-section > div {
    width: 33.33333%;
}

Instead, try this:

.header-section-1 {
    width: 25%;
}

.header-section-2 {
    width: 50%;
}

.header-section-3 {
    width: 25%;
}

Let me know if you need more info 🙂

[Jessica]

That works great, thank you 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts