Header is not hiding elements on breakpoints

I am trying to build my header but I am having a problem with hiding containers and elements.

This is my setup: I have 1 bar, and inside that bar I have created 2 containers. 1 container is for desktop viewing, and 1 container for mobile viewing. And then inside each of those containers I have elements (e.g. logos, navigation, etc).

But when viewed on smaller screens, the mobile containers and elements are showing at the same time as the desktop containers and elements, even though I have set each one to be hidden at different times. See here: https://screenshots.firefox.com/HKvTm10EBXqbMp4y/verifiedfounder.com

I have checked it on the front end and it seems to be working. I think this is a bug that happens when viewing it on the editor.

Hi There @TheBigCoin

Thanks for writing in! I suspect, this could be a caching issue on your end. Upon testing, here’s how it display on different screen widths.

Could you please re-test by clearing your cache and confirm.

Thanks!

Have cleared my cache, and it is still happening.

Also I think you mis understand my problem.

It displays correctly on the front end, but when viewed using the editor it looks wrong. This is why I am saying it is a bug withing the header builder editor - it works on the front end but the back end does not display correctly.

Hi,

Since the issue only happens on the backend, would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.