Menu fails to align after publishing

Design help General
1

In the editor, my menu looks like this:

image

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

image
image131Ă—512 5.36 KB

2

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

3

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

4

Hi @databiscuits Alex,

I created one video here for your review: Screen Recording 2020-01-22...

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

5

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

6

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!)

7

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

1 Like
8

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?

9

Can you please add your read-only share link?