Need help with my header please

Need help
1

image
image1758×920 34.9 KB

Hi guys,

I’m new in bubble, I’m currently learning how to use bubble. There’s an issue with my header, for some reason showing two instead of one. This header is also reusable.

I don’t understand why? can you someone help please?

2

Check your UI builder, right there on the LHS of your canvas, 2nd column try and expand it and see if you mistakenly insert the header twice then delete one of em

1 Like
3

Hey @divyesh93, welcome to the Bubble community! :tada:

From my experience, seeing duplicate headers can happen in these scenarios:

:one: Multiple Reusable Elements:

  • If you have another reusable element on the same page that includes a navigation bar, it might be displaying twice.

:two: Floating Group vs. Regular Group:

  • If your navigation bar exists in both a Floating Group and a regular Group, Bubble will render both.

:mag: Quick Fix:

  • Check if your header is included inside another reusable element.
  • Ensure the header is only placed once in your page structure.
  • If using a Floating Group, remove any duplicate headers from the main page or other reusables.

Hope this helps! Let us know if you need more guidance. :rocket:

:pushpin: IFINITY - if to infinite
Your trusted no-code development partner!

Official Bubble.io Certified Agency - Specializing in app, web, software, and plugin development.

:speech_balloon: Contact us anytime!
:email: Email: support@if-inity.io
:globe_with_meridians: Official Website
:speech_balloon: KakaoTalk: Chat with Us

1 Like
4

This is a Bubble editor bug that started happenning a few weeks ago. It’s annoying, but it doesnt affect your live website, so nothing to worry about.
Submit a quick bug report to increase the issue’s visibility.

In the meantime - there is a quck fix.
If the editor repaints the header, the duplicated header vanishes…
On another tab, change the background color of your header and then change it back to the original color. This will force the editor to repaint the header and should fix the issue.

You could also hide the Reusable element Header from your page from the element tree. This hides one of the two headers, so it looks a bit better.

1 Like
5

Thank you so much. It works now!

6

This topic was automatically closed after 70 days. New replies are no longer allowed.