Cannot Show Only Left Side or Top Headers

[WPDave]

I’m trying to add two headers to a site, one for when the site is on medium-to-large devices and another for small devices. I would like the large site header to appear on the left side of the browser window and the other to appear along the top.

My approach has been to assign both headers to the entire site and then to switch between the two headers using the Hide During Breakpoints option. The goal is to show the left-side header at the two wider screen widths and hide the top header during these times. Then, when the browser is narrow it would turn off the left-side header and turn on only the top header.

I have a test site where I’ve set up this configuration but unfortunately, it’s not working for me. This shows the assignments for the two headers:

Here is the Customize panel for the Left header:

This should show the Left header only when one of the three medium to large windows is in effect. And it should hide the Left header when on a small screen.

The Main header should be displayed at the opposite times:

Instead, I see only the Left header at wider screen widths and no header on narrow screens.

Both headers have the default priority of 0. I tried using different values for one header or the other but it didn’t seem to change the behavior.

You can see my test configuration on this test site:

https://www.salahi.net/

Is there a way to get the behavior that I’m seeking?

[prakash_s]

Hello @WPDave,

Thanks for writing to us.

I would suggest you please make only one Header for both side header. You can have multiple headers here. To have a Header on the top you need to add the Haeder Bar on the Top area. Please have a look at the given screenshot below.

For the Left side Header, you need to click here then add the Header Bar as per your design.

Now you can show/hide the header with the help of breakpoints.

Hide or Show Content by Device Size | Themeco Docs

Hope it helps
Thanks

[WPDave]

Oh, this works and is so easy! I was making it harder than it needed to be.
Thanks very much for your quick response and the helpful information!!
David

[prakash_s]

Hello David,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks