DUPLICATE: For nav nestable

[timchen]

frontpage have Unpredictable area

[timchen]

because ul and li tag?

[Matej]

Hi,

can you share this dropdown (or full nav nestable) element via copy/paste? Then I can try to reproduce this on my local installation.

Thanks,
M

[timchen]

{“content”:[{“id”:“yaabty”,“name”:“nav-nested”,“parent”:0,“children”:[“qvxtfp”,“hqiqni”],“settings”:{“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”}},{“id”:“qvxtfp”,“name”:“block”,“parent”:“yaabty”,“children”:[“rcynuo”,“trypbp”],“settings”:{“_hidden”:{“_cssClasses”:“brx-nav-nested-items”},“_cssClasses”:“megamenu”},“label”:“Nav items”,“cloneable”:false,“deletable”:false},{“id”:“rcynuo”,“name”:“dropdown”,“parent”:“qvxtfp”,“children”:[“lrcbdq”],“settings”:{“text”:“Dropdown”,“contentWidth”:“600”},“label”:“Dropdown”,“themeStyles”:{}},{“id”:“lrcbdq”,“name”:“div”,“parent”:“rcynuo”,“children”:[“qltrrv”,“ppuuqq”,“hbqmat”],“settings”:{“_hidden”:{“_cssClasses”:“brx-dropdown-content”},“_direction”:“row”,“_border”:{“radius”:{“top”:“20”,“right”:“20”,“bottom”:“20”,“left”:“20”}},“_padding”:{“bottom”:“15”,“top”:“15”,“left”:“10”,“right”:“10”},“_display”:“flex”,“_background”:{“color”:{“hex”:“#000000”}}},“label”:“Content”,“cloneable”:false,“deletable”:false},{“id”:“qltrrv”,“name”:“block”,“parent”:“lrcbdq”,“children”:[“doikux”,“xzlsom”],“settings”:{“wooQueryTpes”:“none”,“productsNumber”:3,“cat_operator”:“IN”,“outofstock”:“yes”,“show_hidden”:“no”,“hide_free”:“no”,“order_by”:“date”,“ordersType”:“all”,“ordersCustomer”:“logged_in”,“order”:“DESC”,“exclude_expiry_coupons”:true,“buQueryTpes”:“none”,“postPrevNext”:“prev”,“inSameTerm”:“no”,“taxonomy”:“category”,“mbRelQueryType”:“post”,“mbRelationId”:“none”,“mbRelFecthing”:“from”,“menuSlug”:“none”,“fsnAction”:“hide”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,“_justifyContent”:“center”,“_alignItems”:“center”,“_display”:“flex”,“_direction”:“column”}},{“id”:“doikux”,“name”:“svg”,“parent”:“qltrrv”,“children”:,“settings”:{“fetchType”:“post”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,“height”:“50”,“fill”:{“hex”:“#ffffff”},“width”:“50”,“signature”:“54d2919e803cdae90590555f04be8986”,“user_id”:1,“time”:1725805761,“source”:“code”,“code”:“\n<svg fill="#1C2033" width="40" height="40" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg\”><path d="M54 9.9c-5.8-5.8-13.7-9-21.8-9-17 0-30.9 13.8-30.9 30.8 0 5.5 1.4 10.7 4.1 15.5L1 63.1l16.5-4.2c4.5 2.4 9.6 3.8 14.8 3.8 16.9-.1 30.7-13.9 30.7-31 0-8.2-3.2-15.9-9-21.8ZM32.1 57.4c-4.5 0-9.2-1.3-13.1-3.7l-1-.6-9.7 2.5 2.7-9.4-.6-1c-2.5-4.1-3.9-8.9-3.9-13.7C6.5 17.4 17.9 6 32.1 6c6.8 0 13.2 2.7 18 7.5 4.8 4.8 7.5 11.3 7.5 18.2.2 14.3-11.4 25.7-25.5 25.7Zm14.1-19.2c-.8-.4-4.5-2.3-5.4-2.4-.7-.3-1.3-.4-1.7.4-.4.8-2 2.4-2.4 3-.4.4-.8.6-1.7.1-.8-.4-3.2-1.1-6.2-3.9-2.3-2-3.9-4.5-4.2-5.4-.4-.8-.1-1.1.4-1.6.4-.4.8-.8 1.1-1.4.4-.4.4-.8.8-1.3.4-.4.1-1-.1-1.4-.3-.4-1.7-4.2-2.4-5.8-.6-1.6-1.3-1.3-1.7-1.3h-1.4c-.4 0-1.4.1-2 1-.7.8-2.7 2.7-2.7 6.5s2.7 7.3 3.2 8c.4.4 5.5 8.3 13.1 11.7 1.8.8 3.2 1.3 4.4 1.7 1.8.6 3.5.4 4.8.3 1.5-.1 4.5-1.8 5.2-3.7.6-1.7.6-3.4.4-3.7-.2-.2-.8-.5-1.5-.8Z"/>“}},{“id”:“xzlsom”,“name”:“text-basic”,“parent”:“qltrrv”,“children”:,“settings”:{“text”:“hahahahahahahaha”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,”_typography":{“color”:{“hex”:“#ffffff”}}}},{“id”:“ppuuqq”,“name”:“block”,“parent”:“lrcbdq”,“children”:[“vgzgjo”,“zxymwj”],“settings”:{“wooQueryTpes”:“none”,“productsNumber”:3,“cat_operator”:“IN”,“outofstock”:“yes”,“show_hidden”:“no”,“hide_free”:“no”,“order_by”:“date”,“ordersType”:“all”,“ordersCustomer”:“logged_in”,“order”:“DESC”,“exclude_expiry_coupons”:true,“buQueryTpes”:“none”,“postPrevNext”:“prev”,“inSameTerm”:“no”,“taxonomy”:“category”,“mbRelQueryType”:“post”,“mbRelationId”:“none”,“mbRelFecthing”:“from”,“menuSlug”:“none”,“fsnAction”:“hide”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,“_justifyContent”:“center”,“_alignItems”:“center”,“_display”:“flex”,“_direction”:“column”}},{“id”:“vgzgjo”,“name”:“svg”,“parent”:“ppuuqq”,“children”:,“settings”:{“fetchType”:“post”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,“height”:“50”,“width”:“50”,“fill”:{“hex”:“#ffffff”},“code”:“<svg fill="#1C2033" width="40" height="40" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg\”><path d="M54 9.9c-5.8-5.8-13.7-9-21.8-9-17 0-30.9 13.8-30.9 30.8 0 5.5 1.4 10.7 4.1 15.5L1 63.1l16.5-4.2c4.5 2.4 9.6 3.8 14.8 3.8 16.9-.1 30.7-13.9 30.7-31 0-8.2-3.2-15.9-9-21.8ZM32.1 57.4c-4.5 0-9.2-1.3-13.1-3.7l-1-.6-9.7 2.5 2.7-9.4-.6-1c-2.5-4.1-3.9-8.9-3.9-13.7C6.5 17.4 17.9 6 32.1 6c6.8 0 13.2 2.7 18 7.5 4.8 4.8 7.5 11.3 7.5 18.2.2 14.3-11.4 25.7-25.5 25.7Zm14.1-19.2c-.8-.4-4.5-2.3-5.4-2.4-.7-.3-1.3-.4-1.7.4-.4.8-2 2.4-2.4 3-.4.4-.8.6-1.7.1-.8-.4-3.2-1.1-6.2-3.9-2.3-2-3.9-4.5-4.2-5.4-.4-.8-.1-1.1.4-1.6.4-.4.8-.8 1.1-1.4.4-.4.4-.8.8-1.3.4-.4.1-1-.1-1.4-.3-.4-1.7-4.2-2.4-5.8-.6-1.6-1.3-1.3-1.7-1.3h-1.4c-.4 0-1.4.1-2 1-.7.8-2.7 2.7-2.7 6.5s2.7 7.3 3.2 8c.4.4 5.5 8.3 13.1 11.7 1.8.8 3.2 1.3 4.4 1.7 1.8.6 3.5.4 4.8.3 1.5-.1 4.5-1.8 5.2-3.7.6-1.7.6-3.4.4-3.7-.2-.2-.8-.5-1.5-.8Z"/>“,“signature”:“2f055c3b60eb3638ff6900a0bea34fe3”,“user_id”:1,“time”:1725805771,“source”:“code”},“themeStyles”:{}},{“id”:“zxymwj”,“name”:“text-basic”,“parent”:“ppuuqq”,“children”:,“settings”:{“text”:“hahahaha”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,”_typography":{“color”:{“hex”:“#ffffff”}}}},{“id”:“hbqmat”,“name”:“block”,“parent”:“lrcbdq”,“children”:[“hqcdjk”,“iadyty”],“settings”:{“wooQueryTpes”:“none”,“productsNumber”:3,“cat_operator”:“IN”,“outofstock”:“yes”,“show_hidden”:“no”,“hide_free”:“no”,“order_by”:“date”,“ordersType”:“all”,“ordersCustomer”:“logged_in”,“order”:“DESC”,“exclude_expiry_coupons”:true,“buQueryTpes”:“none”,“postPrevNext”:“prev”,“inSameTerm”:“no”,“taxonomy”:“category”,“mbRelQueryType”:“post”,“mbRelationId”:“none”,“mbRelFecthing”:“from”,“menuSlug”:“none”,“fsnAction”:“hide”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,“_justifyContent”:“center”,“_alignItems”:“center”,“_display”:“flex”,“_direction”:“column”}},{“id”:“hqcdjk”,“name”:“svg”,“parent”:“hbqmat”,“children”:,“settings”:{“fetchType”:“post”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,“height”:“50”,“width”:“50”,“fill”:{“hex”:“#ffffff”},“code”:“<svg fill="#1C2033" width="40" height="40" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg\”><path d="M54 9.9c-5.8-5.8-13.7-9-21.8-9-17 0-30.9 13.8-30.9 30.8 0 5.5 1.4 10.7 4.1 15.5L1 63.1l16.5-4.2c4.5 2.4 9.6 3.8 14.8 3.8 16.9-.1 30.7-13.9 30.7-31 0-8.2-3.2-15.9-9-21.8ZM32.1 57.4c-4.5 0-9.2-1.3-13.1-3.7l-1-.6-9.7 2.5 2.7-9.4-.6-1c-2.5-4.1-3.9-8.9-3.9-13.7C6.5 17.4 17.9 6 32.1 6c6.8 0 13.2 2.7 18 7.5 4.8 4.8 7.5 11.3 7.5 18.2.2 14.3-11.4 25.7-25.5 25.7Zm14.1-19.2c-.8-.4-4.5-2.3-5.4-2.4-.7-.3-1.3-.4-1.7.4-.4.8-2 2.4-2.4 3-.4.4-.8.6-1.7.1-.8-.4-3.2-1.1-6.2-3.9-2.3-2-3.9-4.5-4.2-5.4-.4-.8-.1-1.1.4-1.6.4-.4.8-.8 1.1-1.4.4-.4.4-.8.8-1.3.4-.4.1-1-.1-1.4-.3-.4-1.7-4.2-2.4-5.8-.6-1.6-1.3-1.3-1.7-1.3h-1.4c-.4 0-1.4.1-2 1-.7.8-2.7 2.7-2.7 6.5s2.7 7.3 3.2 8c.4.4 5.5 8.3 13.1 11.7 1.8.8 3.2 1.3 4.4 1.7 1.8.6 3.5.4 4.8.3 1.5-.1 4.5-1.8 5.2-3.7.6-1.7.6-3.4.4-3.7-.2-.2-.8-.5-1.5-.8Z"/>“,“signature”:“2f055c3b60eb3638ff6900a0bea34fe3”,“user_id”:1,“time”:1725805784,“source”:“code”}},{“id”:“iadyty”,“name”:“text-basic”,“parent”:“hbqmat”,“children”:,“settings”:{“text”:“hahahahasd”,“animation_type_text_split_overflow”:true,“animation_type_img_effect_reveal_dir_offset”:“0”,“animation_type_img_effect_parallax_vol”:20,“animation_type_img_effect_parallax_dir”:“vertical”,“animation_type_img_effect_parallax_pan”:“negative”,“animation_toggle_actions_onenter”:“play”,“animation_toggle_actions_onleave”:“play”,“animation_toggle_actions_onenterback”:“resume”,“animation_toggle_actions_onleaveback”:“reverse”,”_typography":{“color”:{“hex”:“#ffffff”}}}},{“id”:“trypbp”,“name”:“toggle”,“parent”:“qvxtfp”,“children”:,“settings”:{“_hidden”:{“_cssClasses”:“brx-toggle-div”}},“label”:“Toggle (Close: Mobile)”},{“id”:“hqiqni”,“name”:“toggle”,“parent”:“yaabty”,“children”:,“settings”:,“label”:“Toggle (Open: Mobile)”}],“source”:“bricksCopiedElements”,“sourceUrl”:“https://xxxx.com”,“version”:“1.10.3”,“globalClasses”:,“globalElements”:}

[Matej]

Hey, thank you, but some properties are not loaded properly - see the blank squares:

Can you add this in a code block? Add three backticks above and below the text, like this:

Thank you,
M

[timchen]

{"content":[{"id":"yaabty","name":"nav-nested","parent":0,"children":["qvxtfp","hqiqni"],"settings":{"animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse"}},{"id":"qvxtfp","name":"block","parent":"yaabty","children":["rcynuo","trypbp"],"settings":{"_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssClasses":"megamenu"},"label":"Nav items","cloneable":false,"deletable":false},{"id":"rcynuo","name":"dropdown","parent":"qvxtfp","children":["lrcbdq"],"settings":{"text":"Dropdown","contentWidth":"600"},"label":"Dropdown","themeStyles":[]},{"id":"lrcbdq","name":"div","parent":"rcynuo","children":["qltrrv","ppuuqq","hbqmat"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"_direction":"row","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_padding":{"bottom":"15","top":"15","left":"10","right":"10"},"_display":"flex","_background":{"color":{"hex":"#000000"}}},"label":"Content","cloneable":false,"deletable":false},{"id":"qltrrv","name":"block","parent":"lrcbdq","children":["doikux","xzlsom"],"settings":{"wooQueryTpes":"none","productsNumber":3,"cat_operator":"IN","outofstock":"yes","show_hidden":"no","hide_free":"no","order_by":"date","ordersType":"all","ordersCustomer":"logged_in","order":"DESC","exclude_expiry_coupons":true,"buQueryTpes":"none","postPrevNext":"prev","inSameTerm":"no","taxonomy":"category","mbRelQueryType":"post","mbRelationId":"none","mbRelFecthing":"from","menuSlug":"none","fsnAction":"hide","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","_justifyContent":"center","_alignItems":"center","_display":"flex","_direction":"column"}},{"id":"doikux","name":"svg","parent":"qltrrv","children":[],"settings":{"fetchType":"post","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","height":"50","fill":{"hex":"#ffffff"},"width":"50","signature":"54d2919e803cdae90590555f04be8986","user_id":1,"time":1725805761,"source":"code","code":"\n<svg fill=\"#1C2033\" width=\"40\" height=\"40\" viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M54 9.9c-5.8-5.8-13.7-9-21.8-9-17 0-30.9 13.8-30.9 30.8 0 5.5 1.4 10.7 4.1 15.5L1 63.1l16.5-4.2c4.5 2.4 9.6 3.8 14.8 3.8 16.9-.1 30.7-13.9 30.7-31 0-8.2-3.2-15.9-9-21.8ZM32.1 57.4c-4.5 0-9.2-1.3-13.1-3.7l-1-.6-9.7 2.5 2.7-9.4-.6-1c-2.5-4.1-3.9-8.9-3.9-13.7C6.5 17.4 17.9 6 32.1 6c6.8 0 13.2 2.7 18 7.5 4.8 4.8 7.5 11.3 7.5 18.2.2 14.3-11.4 25.7-25.5 25.7Zm14.1-19.2c-.8-.4-4.5-2.3-5.4-2.4-.7-.3-1.3-.4-1.7.4-.4.8-2 2.4-2.4 3-.4.4-.8.6-1.7.1-.8-.4-3.2-1.1-6.2-3.9-2.3-2-3.9-4.5-4.2-5.4-.4-.8-.1-1.1.4-1.6.4-.4.8-.8 1.1-1.4.4-.4.4-.8.8-1.3.4-.4.1-1-.1-1.4-.3-.4-1.7-4.2-2.4-5.8-.6-1.6-1.3-1.3-1.7-1.3h-1.4c-.4 0-1.4.1-2 1-.7.8-2.7 2.7-2.7 6.5s2.7 7.3 3.2 8c.4.4 5.5 8.3 13.1 11.7 1.8.8 3.2 1.3 4.4 1.7 1.8.6 3.5.4 4.8.3 1.5-.1 4.5-1.8 5.2-3.7.6-1.7.6-3.4.4-3.7-.2-.2-.8-.5-1.5-.8Z\"/></svg>"}},{"id":"xzlsom","name":"text-basic","parent":"qltrrv","children":[],"settings":{"text":"hahahahahahahaha","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","_typography":{"color":{"hex":"#ffffff"}}}},{"id":"ppuuqq","name":"block","parent":"lrcbdq","children":["vgzgjo","zxymwj"],"settings":{"wooQueryTpes":"none","productsNumber":3,"cat_operator":"IN","outofstock":"yes","show_hidden":"no","hide_free":"no","order_by":"date","ordersType":"all","ordersCustomer":"logged_in","order":"DESC","exclude_expiry_coupons":true,"buQueryTpes":"none","postPrevNext":"prev","inSameTerm":"no","taxonomy":"category","mbRelQueryType":"post","mbRelationId":"none","mbRelFecthing":"from","menuSlug":"none","fsnAction":"hide","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","_justifyContent":"center","_alignItems":"center","_display":"flex","_direction":"column"}},{"id":"vgzgjo","name":"svg","parent":"ppuuqq","children":[],"settings":{"fetchType":"post","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","height":"50","width":"50","fill":{"hex":"#ffffff"},"code":"<svg fill=\"#1C2033\" width=\"40\" height=\"40\" viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M54 9.9c-5.8-5.8-13.7-9-21.8-9-17 0-30.9 13.8-30.9 30.8 0 5.5 1.4 10.7 4.1 15.5L1 63.1l16.5-4.2c4.5 2.4 9.6 3.8 14.8 3.8 16.9-.1 30.7-13.9 30.7-31 0-8.2-3.2-15.9-9-21.8ZM32.1 57.4c-4.5 0-9.2-1.3-13.1-3.7l-1-.6-9.7 2.5 2.7-9.4-.6-1c-2.5-4.1-3.9-8.9-3.9-13.7C6.5 17.4 17.9 6 32.1 6c6.8 0 13.2 2.7 18 7.5 4.8 4.8 7.5 11.3 7.5 18.2.2 14.3-11.4 25.7-25.5 25.7Zm14.1-19.2c-.8-.4-4.5-2.3-5.4-2.4-.7-.3-1.3-.4-1.7.4-.4.8-2 2.4-2.4 3-.4.4-.8.6-1.7.1-.8-.4-3.2-1.1-6.2-3.9-2.3-2-3.9-4.5-4.2-5.4-.4-.8-.1-1.1.4-1.6.4-.4.8-.8 1.1-1.4.4-.4.4-.8.8-1.3.4-.4.1-1-.1-1.4-.3-.4-1.7-4.2-2.4-5.8-.6-1.6-1.3-1.3-1.7-1.3h-1.4c-.4 0-1.4.1-2 1-.7.8-2.7 2.7-2.7 6.5s2.7 7.3 3.2 8c.4.4 5.5 8.3 13.1 11.7 1.8.8 3.2 1.3 4.4 1.7 1.8.6 3.5.4 4.8.3 1.5-.1 4.5-1.8 5.2-3.7.6-1.7.6-3.4.4-3.7-.2-.2-.8-.5-1.5-.8Z\"/></svg>","signature":"2f055c3b60eb3638ff6900a0bea34fe3","user_id":1,"time":1725805771,"source":"code"},"themeStyles":[]},{"id":"zxymwj","name":"text-basic","parent":"ppuuqq","children":[],"settings":{"text":"hahahaha","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","_typography":{"color":{"hex":"#ffffff"}}}},{"id":"hbqmat","name":"block","parent":"lrcbdq","children":["hqcdjk","iadyty"],"settings":{"wooQueryTpes":"none","productsNumber":3,"cat_operator":"IN","outofstock":"yes","show_hidden":"no","hide_free":"no","order_by":"date","ordersType":"all","ordersCustomer":"logged_in","order":"DESC","exclude_expiry_coupons":true,"buQueryTpes":"none","postPrevNext":"prev","inSameTerm":"no","taxonomy":"category","mbRelQueryType":"post","mbRelationId":"none","mbRelFecthing":"from","menuSlug":"none","fsnAction":"hide","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","_justifyContent":"center","_alignItems":"center","_display":"flex","_direction":"column"}},{"id":"hqcdjk","name":"svg","parent":"hbqmat","children":[],"settings":{"fetchType":"post","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","height":"50","width":"50","fill":{"hex":"#ffffff"},"code":"<svg fill=\"#1C2033\" width=\"40\" height=\"40\" viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M54 9.9c-5.8-5.8-13.7-9-21.8-9-17 0-30.9 13.8-30.9 30.8 0 5.5 1.4 10.7 4.1 15.5L1 63.1l16.5-4.2c4.5 2.4 9.6 3.8 14.8 3.8 16.9-.1 30.7-13.9 30.7-31 0-8.2-3.2-15.9-9-21.8ZM32.1 57.4c-4.5 0-9.2-1.3-13.1-3.7l-1-.6-9.7 2.5 2.7-9.4-.6-1c-2.5-4.1-3.9-8.9-3.9-13.7C6.5 17.4 17.9 6 32.1 6c6.8 0 13.2 2.7 18 7.5 4.8 4.8 7.5 11.3 7.5 18.2.2 14.3-11.4 25.7-25.5 25.7Zm14.1-19.2c-.8-.4-4.5-2.3-5.4-2.4-.7-.3-1.3-.4-1.7.4-.4.8-2 2.4-2.4 3-.4.4-.8.6-1.7.1-.8-.4-3.2-1.1-6.2-3.9-2.3-2-3.9-4.5-4.2-5.4-.4-.8-.1-1.1.4-1.6.4-.4.8-.8 1.1-1.4.4-.4.4-.8.8-1.3.4-.4.1-1-.1-1.4-.3-.4-1.7-4.2-2.4-5.8-.6-1.6-1.3-1.3-1.7-1.3h-1.4c-.4 0-1.4.1-2 1-.7.8-2.7 2.7-2.7 6.5s2.7 7.3 3.2 8c.4.4 5.5 8.3 13.1 11.7 1.8.8 3.2 1.3 4.4 1.7 1.8.6 3.5.4 4.8.3 1.5-.1 4.5-1.8 5.2-3.7.6-1.7.6-3.4.4-3.7-.2-.2-.8-.5-1.5-.8Z\"/></svg>","signature":"2f055c3b60eb3638ff6900a0bea34fe3","user_id":1,"time":1725805784,"source":"code"}},{"id":"iadyty","name":"text-basic","parent":"hbqmat","children":[],"settings":{"text":"hahahahasd","animation_type_text_split_overflow":true,"animation_type_img_effect_reveal_dir_offset":"0","animation_type_img_effect_parallax_vol":20,"animation_type_img_effect_parallax_dir":"vertical","animation_type_img_effect_parallax_pan":"negative","animation_toggle_actions_onenter":"play","animation_toggle_actions_onleave":"play","animation_toggle_actions_onenterback":"resume","animation_toggle_actions_onleaveback":"reverse","_typography":{"color":{"hex":"#ffffff"}}}},{"id":"trypbp","name":"toggle","parent":"qvxtfp","children":[],"settings":{"_hidden":{"_cssClasses":"brx-toggle-div"}},"label":"Toggle (Close: Mobile)"},{"id":"hqiqni","name":"toggle","parent":"yaabty","children":[],"settings":[],"label":"Toggle (Open: Mobile)"}],"source":"bricksCopiedElements","sourceUrl":"https://xxxx.com","version":"1.10.3","globalClasses":[],"globalElements":[]}

[Matej]

Hi @timchen,

thank you for the elements! I was able to replicate the issue locally and I figured out that it’s happening because on the front, we automatically wrap all items inside a dropdown with li, but not on the canvas - on the canvas, we only wrap it if it’s “Text link” element.

Now, we already have a task for this, so I’ll add your forum report to it, and I’ll also close this topic and mark it as a duplicate.

The following topic will be updated when the issue is fixed and bugfix released:

WIP: Nav nestable: elements other than text link or dropdown aren't wrapped with li's on the canvas

Hi Dustin, Thanks so much for your report! Scenario 1: The margin-left is added to the button but not to the li, which is added automatically. If you wrap the button with a li (div set to li) and give it margin-left: auto, it works fine (which is to be expected). Scenario 2: if you look at the builder source code, you will see that the button on the canvas is not wrapped with a li. menu item, so your CSS cannot work. Presumably, the code currently only provides this for text links or dropdown…

Thank you,
M