Header elements

Hi all,
I have this header:
https://esther-live-rns-demo.pantheonsite.io/ That I need the logo to stay centered at all times. The way I currently have it set up is 2 bars with the first overlapping the second with the logo BUT the problem is that because the logo on the bar underneath, the link doesn’t work. If i set it up with three containers, the middle container always moves depending on the amount of content in the first container. Is there a way I can build it with the logo ALWAYS staying in the center?
Thanks

Hello @suzannereid,

Thanks for writing in!

Your logo image link will always not work because you only added “./” in the href of the image. Please edit the header and make sure to use “https://esther-live-rns-demo.pantheonsite.io/”.

Hope this helps. Kindly let us know.

Hi, this isn’t the issue. The issue is that the bar above, while transparent, still doesn’t allow for the image to hyperlink on the bar underneath it.

I have it this way only because I need th eimage to stay centered. is there a better way to build it out in the same container but with the image always staying in the center? Thanks

I recreated the header with just one bar and with three containers at 33.33% and That seems to be working to keep the logo centered. Thanks for your help

Hi @suzannereid,

We’re glad that you were able to figure it out. Please let us know if you need anything else. Have a great day!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.