Archived topic

Menu changes from above header to below header at mobile menu breakpoint

7 replies · Started by Brent Brian on November 27, 2022

Viewing posts 1–8 of 8

November 27, 2022 at 11:29 pm #2438270

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

November 27, 2022 at 11:40 pm #2438287

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

November 27, 2022 at 11:46 pm #2438290

Details provided

November 27, 2022 at 11:54 pm #2438295

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

November 28, 2022 at 12:03 am #2438304

Updated and checked

November 28, 2022 at 12:16 am #2438315

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.

November 28, 2022 at 1:59 am #2438456

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

November 28, 2022 at 4:56 pm #2440088

You're welcome, Brent!

This archived topic is closed to new replies.

Start building better websites today.