Hi I’m creating a website banner which consists of a photo with background filter and overlaid is the navigation (on top of the photo) and some banner content (also on top of the photo). I will need this exact banner to appear on numerous web pages so am trying to create a symbol to re-use on other pages. It is not working for me and an error comes up saying it won’t allow nested symbols. I’ve tried saving each element as a symbol eg: banner, nav, logo etc but when I try and construct it on a new page, they just display underneath eachother instead of overlay on top of the photo.
This is what it looks like, it is on page called “Test”, there is another banner on the home page but that is the old one I don’t want to use.
Any help appreciated as to how I could set this up so I can re-use elements whether as one symbol or multiple symbols. Thanks.
Here is my public share link: https://preview.webflow.com/preview/holisticweb?preview=fb5b769e2c1615ebf97429520ced72b6