Help with the Designer

[joshalo3 (Josh)]

I have been toying with some styling in the designer after the update of relocating symbols and am experiencing some weird stuff.

Here are two photos of my site in the designer with the “separator” line with a width of 1px but actually stretching within the flex element it is contained inside of. Here is also photos of the published site. The line is styled correctly on the published site but is not doing so in the designer. Is this a bug or my design? (sorry for messy naming conventions)

https://preview.webflow.com/preview/full-width-examples?preview=64420aeb6d296cbaa7750f0549c12f70

[aaronocampo]

Hello @joshalo3

Yes, i get that a lot when working with 1px Divs on Symbols, doesn’t bother me too much. If you clic on the div again it should appear the way you styled it.

[joshalo3 (Josh)]

Glad to know I’m not going crazy. Thanks @aaronocampo

[Waldo (Waldo Broodrÿk)]

@joshalo3 I’m investigating this issue now and it looks like you’ve already resolved the issue in your site. @aaronocampo I haven’t been able to reproduce this behavior in the Designer with an element in a Symbol, could you please let me know what steps you take that have caused this behavior or if you have any additional information I would greatly appreciate it!

[aaronocampo]

Thanks @Waldo

Here is my project preview link:

https://preview.webflow.com/preview/ipa-solutions-uk?preview=403e036a06f9c3db8ae9089e483f159e

I notice that if you try to edit a Symbol and editing that symbol you go and preview the site the divs take that form

When I go back to the editor and double click on the symbol again the divs recover style that they had.

Hope this helps you to find the bug.

[Waldo (Waldo Broodrÿk)]

Thanks a ton @aaronocampo this is very helpful!