Streaming live at 10am (PST)

Menu fails to align after publishing

In the editor, my menu looks like this:

image

However, after publishing, this is the result. Any thoughts on what might be happening?:

Hi @databiscuits Alex,

Could you please provide your share link to this project?

This could be related to the size of the div box that these elements are in.

Best Regards,
~ Brandon

Sure thing!

https://preview.webflow.com/preview/black-data-network?utm_medium=preview_link&utm_source=dashboard&utm_content=black-data-network&preview=cf64b6eacfc3dcf25085c8898c63048a&mode=preview

Hi @databiscuits Alex,

I created one video here for your review: https://share.getcloudapp.com/WnuE88Qx

But I am gonna have to look at your embed code, because that looks like what the issue is. Even though it shows in your designer, the checkbox has an inherit block style that needs to be overridden.

Ill be back with more once I figure it out.

Best Regards,
~ Brandon

Alex, it does look like you will need to use some custom code with this, seeing that the checkbox and the title need to be in their own divs.

@webdev @mattvaru @Noah-R @vincent you guys have any thoughts on this. My coding skills are a bit rusty.

Best Regards,
~ Brandon

Hi @databiscuits — were you able to resolve this? I went to the published version of the website and it looks like the menu items align as you had wanted. Let me know! (Cool project, btw!)

Sort of! I restored a backup where it was displaying correctly and went from there.

1 Like

Follow up. It happened again, and I was able to pinpoint it to when I “cleaned up” styles not associated with elements. However, I’m unsure of which element (21 total) caused the issue. Is there a way for me to be able to delete one element at a time for troubleshooting?

Can you please add your read-only share link?