Text position: fixed in Gridder

[ruwie]

hi!
i have a little question. i would like to insert a sub navigation on the project sites (each individually) where you can scroll through the page, wich is in fullscreen slider mode.

it´s a text element where the links are in and i would like to fix this element like the standard menu on bottom of the page. i tried it with custom css

.fixed {
position: fixed;
top: 100px;
left: 200px;
z-index: 10;
}

.fixed a {position: fixed;}

and added the class to the text element on the project gridder site. but nothing changed, the text is still scrolling and not fixed.

What did I do wrong?

best r

[mariusjopen]

Hi ruwie!

A bit difficult to imagine. Can you post a link to the website?

Best!

Marius

[ruwie]

hey marius,
of course i can
http://bit.ly/2sX5pLa

what i want is that the text element in the bottom (navigation) and the title on top stay like the fixed position of the "next project" button. but the problem is that i can not put it on the footer etc. i want to manage the menu points individually for every project.

hope you can help me with it :-)

g ruven

[mariusjopen]

Hi Ruven,

you can put the selfmade navigation in the Header. Then you need to give it a position fixed. That should do the job.

I saw that you created the navigation in the Gridder. Maybe just write is as a code in the header is more simple.

You know how to do that?

Best!

Marius

[ruwie]

hey marius,

yes i now how to put something in the header. but the problem i see is that every page gets his own navigation. i mean on one site you have the navigation "back video info" and on the next page you have "back video gallery making of info" and so on... do you think it´s possible to do it in the header? if yes, how?

thanks for your fast reply!
r

[mariusjopen]

Hey Ruwie,

what you can do is to create an HTML element in the gridder (for each page a separate one, like I understood). Then you can give that element a class by right clicking on it.

And that class you tell with Cutsom CSS to be fixed on the right bottom.

I hope that helps!

Sometimes the HTML element in the gridder does not work for specific things. To be sure you can create a text element in the gridder and switch to the <code> view. Then you can paste there the code.

Let me know if you face trouble.

All the best!

Marius

[mrrpringle]

@mariusjopen said in Text position: fixed in Gridder:

Hi Ruven,
you can put the selfmade navigation in the Header. Then you need to give it a position fixed. That should do the job.
I saw that you created the navigation in the Gridder. Maybe just write is as a code in the header is more simple.
You know how to do that?
Best!
Marius

Hi Marius,

I'm trying to achieve this too for a client right now. I'm able to copy and paste the source code, but how could I create a custom header menu in the header and still use my 16 grid to space elements out?

[mariusjopen]

Dear @mrrpringle
it will not be possible to use the Gridder. You might need to use CUSTOM CSS to adjust it to your design idea.

You might want to look into the footer. You could with CUSTOM JAVASCRIPT place the footer before the main area. But that is a pretty dirty solution. But it might work,

Best!

Marius

[mrrpringle]

Hi Marius,

Thanks for this. I've turned on "Footer for pages" and selected the page which I would like to use as a footer but nothing shows up. I'm unable to see any kind of footer.

Here is a screenshot of the menu I'm try to have fixed to the top of every page:

I was able to build the menu out in the gridder here:
roscross.net/about

All I need to do is have the top text elements within the lines fixed to the top but when I give them a custom class/ID and then go into CSS and add:

.class {
position:fixed;
}

They all snap to the left and start to overlap with one another. Ugh!

[mrrpringle]

UPDATE:

Able to see the footer now. Not sure why it was not showing up for 15 minutes. Any tips on where to find custom JAVASCRIPT to reposition the footer? Cheers!

[mariusjopen]

Hi @mrrpringle
have a look here:
https://stackoverflow.com/questions/1279957/how-to-move-an-element-into-another-element

Hope that helps!

Best!

Marius