[Pro] sticky footer

I’m a mid level user and I haven’t been able to make a footer stick to the bottom of the browser window. Can some explain is easy to follow steps how to accomplish this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:

There are many methods - read this thread for some insight

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Thanks. I actually did read that thread and a few others as well. The example in that thread:
http://www.deltadesign.co/FW7Test/fb-pages/flex-footer-test.html
Is what I would like to do. My pages are set up inline, the responsive part of the site works well. I’m not using jquery or javascript. Strictly what’s available in Freeway and the actions. So my hope was there was a method where I could select the footer and go into the “extended” section and add an item with position specified as bottom. I’ve seen similar syntax in some of these threads.
If that is possible I’d love to know what extended item is called and what the syntax is in the descriptor.


freewaytalk mailing list
email@hidden
Update your subscriptions at:

The example in that thread: http://www.deltadesign.co/FW7Test/fb-pages/flex-footer-test.html Is what I would like to do.

Forget that example as it uses Flex Box and is not an option for you without major surgery in FW.

Go back to Walter’s suggestion and Ray’s implementation of it

I just aligned the footer on the bottom and inserted an empty div with the same height as the footer between the body and the footer.

D


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

Thanks. Yes FlexBox sounded a little scary to me. This solution sounds wonderfully elegant and simple… but I’m missing something, hoping you can tell me what it is.

I can’t align the footer to the bottom. I started this page with the latest backdraft them, and the so called “footer wrapper” is a simple 100% width html box. Alignment options do not include “bottom” they are float left, float right, and none.

Just to be safe I did copy the footer wrapper and pasted it above the actual footer, and emptied the html item. It only pushed the footer further down but did not send it to the bottom. I know I’m missing an important element of this solution but don’t know what it is.

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:

I started this page with the latest backdraft them, and the so called “footer wrapper”

Different kettle of fish if you are using BD.

Caleb is the man to advise you about this as it is he who is the master of all things BackDraft.

D


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

I guess that may mean I’m stuck. I have no way of contacting Caleb unless I pay for premium support. I was hoping I wouldn’t have to do this for this question but maybe I do. I was under the impression that BD, being a set of copy and paste modules, is not some different software, and that solutions that work for Freeway should also work for BD… maybe I’m wrong about that too.

Is anyone other there using Backdraft and has found a simple way to make a sticky footer?


freewaytalk mailing list
email@hidden
Update your subscriptions at:

solutions that work for Freeway should also work for BD…

They do - but you said you wanted simple!

D


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

I guess we all have different definitions of what constitutes “simple”. If you know of a solution for sticky footers that works with BD please send it along. Perhaps what you’re thinking doesn’t qualify as “simple” might be doable for me.


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Thomas has a simple solution:

If a page doesn’t have enough content, the page is redundant. Rather than finding a “designerish” stupid workaround for this simple matter of fact, remove it or find more content.

D


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

Try this - it assumes that you have not changed the ID of the fullwidthWrapper you are using for the footer.

Add an empty Div before the footer (Best way is to select the footer wrapper item and use the Left Arrow on your keyboard to move the cursor before it). Now Insert > Html item, give it a 100% width and a height equivalent to the footer.

For good measure give it a bottom margin of 50px (you can play with this later)

Now add the following code in Page>Html Markup in the before section

<style type= "text/css">
div#fullWidthWrapper {
	position: absolute;
	bottom: 0px;
	}
</style>

Give it a go and post a link if you are struggling.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Thanks so much Dave… this is exactly what I was hoping for. It works and it’s simple enough (for a dim guy like me)… your instructions were really clear. Thanks very much for your help and time!

Brian


freewaytalk mailing list
email@hidden
Update your subscriptions at:

On 25 Jan 2016, 12:43 am, DeltaDave wrote:

Add an empty Div before the footer (Best way is to select the footer wrapper item and use the Left Arrow on your keyboard to move the cursor before it). Now Insert > Html item, give it a 100% width and a height equivalent to the footer.

Hi Dave, Brian,

Do you mean to first add a Markup-element containing “

” and then the HTML-element with 100% width and height of the footer (+ 50px) before the fullWidthWrapper?

Anyway with or without a Markup-element the only result I get is the footer being moved down by the height of the inserted HTML-element.
Looks like the code before the section gets ignored?

I have renamed my fullWidthWrapper to “footerWrapper” but changed the inserted code accordingly in the page Html Markup.

Any ideas?


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

I have renamed my fullWidthWrapper to “footerWrapper” but changed the inserted code accordingly in the page Html Markup.

Can you post a link to your online page and we can see whats going on.

David


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

Hi David,

Funny, I just prepared a stripped site for you to see and now it works! Maybe something in the site folder page did not pick up the master change previously but the new created page did.

So it’s solved now and works exactly like required, thanks a lot!

Cheers,
Ace


freewaytalk mailing list
email@hidden
Update your subscriptions at:

it’s solved now and works exactly like required,

Glad to hear it

D


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