Viewing Fixed header

Fixed header



User: Guest 10 years ago
Can anybody give me an idea of the code I need to paste on the inspector to make my header FIXED? I'm not a code person at all.

Thanks.
Edit
User: Paul-RAGESW 10 years ago
What do you mean "make your header fixed?"

-------------------------------
Paul
EverWeb Developer
Set As Best Answer
User: Guest 10 years ago
Paul, does mean the app itself? If so go to Window and click zoom.
Edit Set As Best Answer
User: Guest 10 years ago
I want the header to stay at the top of the screen while the content of the page is scrollable. below is a sample of a "fixed or sticky" header.

let me know if is possible.

http://www.fullstopinteractive.com/
Edit Set As Best Answer
User: Roddy 10 years ago
I take it you mean that you want the header div to stay visible while the rest of the page scrolls?

You can do this by either giving the header div an absolute (or fixed) position or use java script if you want the floating effect...

http://ezmacwebdesign.com/Demo/floating-div/float.html

I'm having problems with widgets in the header area so I can't test this in EasyWeb. EasyWeb widgets are enclosed in a relatively positioned div so I don't know how this would work.

You could certainly do it post publishing. Its just a question of changing the enclosing div's CSS from "position: absolute" to position: fixed".

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer
User: Guest 10 years ago
Yeap, I would like to keep the header fixed to the top of the page and continue to scroll down the rest of the page.

One more example link

http://www.fhoke.com/
Edit Set As Best Answer
User: Paul-RAGESW 10 years ago
Technically you can do anything you want without having to edit the code post publish using something like jquery in the head code field. It wouldn't be too difficult to change any attribute for any code.

This would take a good understanding of jquery though. It's something we may be able to make a tutorial on once we have some time to focus on it. It's certainly an advanced feature and not something that is built in.

I can tell you though that "fixed" position elements is something we would like to add directly in EasyWeb. Lot of websites use them and it would be a powerful feature.

Also, Roddy, the objects in EasyWeb are only enclosed in a relatively position div tag when using the centred layout. The left aligned and dynamic layouts don't have this. You can change the layout from under the Page Inspector (right above where you see the header/body/footer heights etc...

-------------------------------
Paul
EverWeb Developer
Set As Best Answer
User: Roddy 10 years ago
That's good to know. I haven't tried the dynamic layout since Beta 1 when I discovered that I couldn't enter percentage widths.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer
User: Roddy 10 years ago
See my comment about absolute position and dynamic layouts in this topic...

viewtopic.php?f=6...t=214

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
Set As Best Answer


Post Reply
You must login or signup to post.