[Resolved] Menu changes from above header to below header at mobile menu breakpoint

[Brent Brian]

Hi,

I set up a menu to appear above the header of the page but when it goes into mobile view, the menu appears below the header.

The header is created using a Block element using the header hook. A Layout element is being used to disable the title and feature image.

Under Customising > Layout > Primary Navigation, Navigation Location is set to Above Header, Mobile Menu Breakpoint is 960px.

It appears fine when viewed in a full width browser but when it is less than the breakpoint, the menu appears/jumps under the header instead of above. I can’t see if I have missed configuring something else.

https://dev.farrawellfamilylaw.com.au/

GP Premium 2.2.1 and GeneratePress theme 3.2.4 is being used.
Regards, Brent

[Fernando]

Hi Brent,

Can you provide admin login credentials so we can take a closer look at the issue?

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Brent Brian]

Details provided

[Fernando]

I tried the credentials but they’re not working. Can you check?

[Brent Brian]

Updated and checked

[Fernando]

Thank you!

Can you try setting the Element type of Element – “Page Header – Farrawell Front Page” to Page Hero?

Let us know how it goes.

[Brent Brian]

Thank you Fernando!

That worked great with the hook set to Header and the layout element to disable Site Header.

Thanks again for your assistance

[Fernando]

You’re welcome, Brent!

[Author]

Posts