Header Textes are moving when i go to preview mode

Ask the community
, , ,
1

Question:
Hello @everyone =)

My Question → I have 2 Header Text Fields and in my Editormode it is all fine and do what they should do. My responsive behavior is a fix height for both of them.

However, the shifting also happens if I only take a single header text and do not center it. Then it moves somewhere that makes no sense at all.

Product:
Wix Studio Editor

What are you trying to achieve:
I don’t want the texts to move around in preview mode in places where it doesn’t make any sense.

What have you already tried:
Docking, margins, spacing, without CSS code, just one header text.

As soon as the text is out of the exact center of the header, the whole text shifts in the preview.

Additional information:
I would be so grateful for help, because I’m really doubting myself right now.

I uploaded the images Editor & Preview.

help
help4746×6903 2.02 MB

2

This is more of a general CSS question which we don’t typically address in the forum but please share your CSS code as text and maybe someone will have some insight.

Example:
```css
.myElement{
background: #fff
}
```

.myElement{
  background: #fff
}