I have created a div block which nests the logo, styled it etc., to be used in most hero sections on most pages, as a symbol. Then I got to the product template page on this ecommorce project and the hero section is different then all the other once. That means that the logo div which was basically centered in the hero section is now placing the logo in the wrong place. I tried to create a subclass for the logo image and adjust the distance from the navbar in the mobile landscape break point but it also affected the logo position on all other pages at the same break point even though I created a subclass, is that normal? Then I thought I would try to un-link the logo on the product template from the symbol to style it separately from all the other once, turns out this move un-linked the symbol on all instances it has been used across the whole website, is this expected behavior? I just wanted to un-link one logo and leave all others as the original symbol. The weird thing is, when I go to the add elements tab to add symbols, it shows that the logo symbol is still being used in 9 instances even though all logo symbols have been automatically un-linked, I don’t think this is supposed to happen, right?
So basically, if a symbol has been used lets say 10 times in a project (10 instances), will un-linking one of them cause all of them to get un-linked automatically, or should there still be 9 of these “symbols” (9 instances) in place with one “un-linked” stand alone element which used to be part of the initial 10 symbols (same symbol, 10 instances)? Can someone please shine a light on this?
Thanks in advance