[Pro] need to keep header at the top of page in responsive site

Freeway
1

Hi,

does anyone know of how to keep the header at the top of the page in a responsive site and the footer at the bottom of the page?

So on an iphone the menu and the header would always be visible at the top of the screen and a small footer would always be visible at the bottom.

I have lot of images on one page and have to scroll all the way to the top to reach the menu.

Or is there another wayround this/

Thanks in advance.

Cheers

Peter

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

does anyone know of how to keep the header at the top of the page in a responsive site

Simplest way is to use Position Fixed but there are numerous others.

on an iphone the menu and the header would always be visible at the top of the screen and a small footer would always be visible at the bottom.

Keep both of these visible all the time and it doesn’t leave much room for your content on iPhone. I would reconsider the footer.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

3

Hi David,

thanks, is that on the inspector palette?

will give it a try and consider losing footer.

cheers

Peter

freewaytalk mailing list
email@hidden
Update your subscriptions at:

4

is that on the inspector palette?

It is if it is not an inline construction.

If you are building inline then look at Walter’s Sticker Action Sticker - ActionsForge

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

5

On 15 Sep 2015, 9:08 pm, DeltaDave wrote:

is that on the inspector palette?

It is if it is not an inline construction.

If it isn’t positioned absolute, to be pedant … and if it is an inflow-item (positioned relative), select the item - chose item → extended and add to the

<DIV Style>

the following name/value pairs

position: fixed
z-index: 999
top:0
left:0 /* optional if it stretches all across the browser-window*/
right:0 /* optional if it stretches all across the browser-window*/
width: 100% /* optional if it stretches all across the browser-window*/

A tiny lil Action applying those attributes to an item isn’t necessary, but would be outermost helpful!

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options