Header Not displaying correctly on live website but displaying correctly in header builder

Hi,

So i’m experiencing an issue with my header builder it displays correctly when i am in the header builder but when i come out of the header builder tool and view it on my live website it’ doesn’t display the correct elements some of the elements just seem to be pushed over to the right.

My header consists of 3 initial bars and the only thing that displays correctly on the live site is the nav-bar that is with-in a initial bar & container the only reason why i think its displaying correctly on the live is because it’s has the sticky bar option selected.

For this header i initially imported the header template by the name of Starter:hero and that displays correctly but once i make the changes it doesn’t display correctly

Attached are some screenshots of the issue.

These next 5 are the settings for Banners > Containers > Images i have set:

These next 5 are the settings for the picture area and headings below the nav Banners > Containers > Images i have set:

Hello @brightdesign,

Thanks for asking. :slight_smile:

Took me a while to figure it out but it seems that the problem is occurring because of content you have entered in Header bar > Container 2 > Headline element. I suggest you to please remove that and doing so should fix the header problem.

Please clear cache and then load the website again.

Thanks.

But i need the header to look like what its looking like right now is there any other option apart from removing content.
Your suggestion hasn’t been much help sorry.
How would i get this exact look but displayed correctly on live view?

Hi There,

The header is looking as it’s in the editor in the live site, without removing anything.
I found a missing HTML tag in the header element which was causing the issue. Now your header is looking fine.

Hope this helps!
Thanks

thank you for your help!

You are most welcome!

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