Viewing Fixed header

Fixed header



User: Guest 6 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.
User: Paul-RAGESW 6 years ago
What do you mean "make your header fixed?"

-------------------------------
Paul
EverWeb Developer

Macworld.com ranks EverWeb as the top choice for Mac users wanting to build a website!
User: Guest 6 years ago
Paul, does mean the app itself? If so go to Window and click zoom.
User: Guest 6 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/
User: Roddy 6 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.
User: Guest 6 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/
User: Paul-RAGESW 6 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

Macworld.com ranks EverWeb as the top choice for Mac users wanting to build a website!
User: Roddy 6 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.
User: Roddy 6 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.


Post Reply
You must login or signup to post.