Site logo

Archived topic

split header hook: set header section widths?

3 replies · Started by Jessica on July 12, 2019

Viewing posts 1–4 of 4

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.

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 :)

That works great, thank you :)

You're welcome :)

This archived topic is closed to new replies.