Add background to navigation symbol?

Design help General
#1

I have a navbar which is a symbol. I want to add a hero section picture to the nav symbol. In this way I can drop in the nav symbol into any page and then I don’t have to put in an extra hero section picture. So far I have not found a way to do this.

Thanks
Jacob

Here is the share link
https://preview.webflow.com/preview/jacob-and-debbie-acro?preview=e8185cb163b380a37c16594ff2bb5120

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

This can be accomplished by

  1. Create CMS Object containing Hero Image

  2. Set Header Symbol contains
    CMS Divblock

  3. Link CMS Divblock to Page CMS Image, per page

Does that work?

#3

I think so. I will try. Thanks.

-Jacob

#4

I did a similar thing as you, except I didn’t put it in a Symbol, instead, I set negative Y-AXIS -100px on the hero section immediately after the header to put a circle avatar in the header area…

Header: Symbol
HERO: Flex Box & Position=Relative
Avatar: CMS Object==Image From CMS & Position=Absolute Top Position & -100px