[Resolved] Hook divs inconsisent responsive appearance

[Charles]

I made a hook, just a basic one with two divs inside a flex container with a one pix border outline. The settings for the hook were “header” (without disabling site header) and the navigation is set to “float right”. The Page Hero has “no merge” for all responsive settings. These hook divs appear under the navigation in Desktop mode, but in Mobile mode, they appear above the navigation. How can I make it so the flex container and its divs appear under the navigation in mobile mode?

[Leo]

Hi there,

What if you use the after header hook?
https://docs.generatepress.com/article/hooks-visual-guide/

If not any chance you can link me to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Charles]

The after-head puts the divs below the graphic. I need it on top of the graphic. I put the link in the private url field.

[Leo]

Try using the after_header hook with priority set to 1.

Let me know 🙂

[Charles]

I’ll remember that for next time. I abandoned that approach and a different one is coming to fruition. Thank you for taking the time.

[Leo]

No problem 🙂

[Author]

Posts