Fixed text element moves Element Grid

lmpa92

Hey there,

I'm working on my friends webpage at the moment and I want to add some text to every project which is supposed to be fixed. So I can scroll through the pictures but the text is fixed in the project.

like here: (Arrifana May 2020 is supposed to stay fixed and the pictures scroll down)
Screen Shot 2020-05-15 at 16.07.43.png :

If I set it up in the project and give the text a class, in this case: fixed-element
and define it like this in the css:
.fixed-element{
position: fixed;
top: 70px;
left: 0%;
right: 0%;
z-index: 10;
}

the element grid with the pictures moves to the left side, can someone tell me how to define the text (Test TEST) without affecting the pictures? it looks like this at the moment:
http://www.hugoanddeb.com/arrifana

Screen Shot 2020-05-15 at 16.10.27.png

thanks in advance :)

mariusjopen

Dear @lmpa92
you should only move one text element. Otherwise the layout collapses.
Not the whole row.
Best!
Marius

lmpa92

Hey Hey,

thank you but the problem remains the same.Even if I put everything in one text element, it still moves the layout.

Screen Shot 2020-05-18 at 20.20.18.png

Screen Shot 2020-05-18 at 20.22.15.png

mariusjopen

Dear @lmpa92
I would try to do the styling in the Browser-inspector. Then you can see better what is happening and why things are moving around in a weird way.
Best!
Marius