X Pro Header Builder Strange Layout Error

Support
#1

Hey,

in the Header Builder everything looks as it should. But suddenly on the “normal” site the header looks strange… You can see this in the attached screenshots…

Greetings,

Alex

#2

Here then second image:

#3

Hi There,

Thanks for writing in! Please provide us with the site URL to check your issue.

Thanks!

#4

https://hirschen.re-host.eu

#5

Hi there,

Thanks for writing in!
Please provide us your login details in a secure note so that we can have a look.

Thanks

#6

yes, here are the login details

#7

Hi There,

Thank you for writing in, I see that you added a custom CSS to apply a height to the first bar. Try removing that and set the height on the Bar’s height field directly.


Hope it helps,
Cheers!

#8

I tried, but it doesnt help… What i dont understand why the preview is alright and the real page is screwing up

#9

Ok, i’ve found the issue:
I duplicated the header and removed the last item i have added… then it works.
But i dont know why this Button screws everything up… in the Screenshot i’ve marked the button that causes the problem. Can you figure out why? :slight_smile:

#10

Hello There,

Thank you for the clarifications. It turns out that you have inserted an invalid code which messed up the whole header layout.

<div style="padding: 25px; line-height: 1.4; text-align: center;">Öffnungszeiten: </p>
Mittwoch bis Samstag <br>
Küchenzeiten:<br>
12:00 - 14:30 Uhr <br>
17:30 - 21:00 Uhr <br>
Mittagspause: <br>15:00 - 17:00 Uhr<br>
</p> 
</p>
Sonntag:<br>
Küchenzeiten:<br>
12:00 - 14:30 Uhr <br>
17:30 - 21:00 Uhr <br>
Mittagspause: <br>15:00 - 17:00 Uhr</p>
Ruhetag:<br>
Montag und Dienstag

You will need to update it and properly close the tags.

<p style="padding: 25px; line-height: 1.4; text-align: center;">Öffnungszeiten: 
Mittwoch bis Samstag <br>
Küchenzeiten:<br>
12:00 - 14:30 Uhr <br>
17:30 - 21:00 Uhr <br>
Mittagspause: <br>15:00 - 17:00 Uhr<br>
</p> 
<p style="padding: 25px; line-height: 1.4; text-align: center;">
Sonntag:<br>
Küchenzeiten:<br>
12:00 - 14:30 Uhr <br>
17:30 - 21:00 Uhr <br>
Mittagspause: <br>15:00 - 17:00 Uhr</p>
Ruhetag:<br>
Montag und Dienstag
</p>

The code may not display the same as what you wanted. Please edit it to your specified look that you wanted and just make sure that you are using the correct tags and that it is properly closed.

Please let us know if this works out for you.

#11

works perfectly thank you very much :slight_smile:

#12

You’re more than welcome, glad we could help.

Cheers,

#13

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