[Resolved] Hook Postition

[David]

Hello

I’ve set up some ACF in a hook that needs to sit inside the header.

I’ve then created a new hook with the hook position as header. All is working fine, until you resize to mobile, then the mobile header appears under the hook…

http://185.20.51.60/~rapidpersonnelco/vacancies/

How can I get the header position to move above? I’ve played around with priority but haven’t had much luck.

Thanks
Dave

[David]

Hi there,

try the after_header hook instead of the header hook

[David]

The content then sits outside the red header…

https://ibb.co/VBF4Kpp

[David]

Hmmm ok leave it in the header hook and try this CSS to reverse order on mobile:

@media (max-width: 768px) {
    .header-wrap {
        display: flex;
        flex-direction: column-reverse;
    }
}

[David]

Perfect – thanks David!

[David]

You’re welcome

[Author]

Posts