Responsive Design (fixed footer)

What our client wants is for our course navigation buttons (Previous and Next) to be always anchored at the exact bottom of the page (or just above the iOS Safari bottom nav bar when showing), even when the content is scrolled. Here’s an example of this, using straight HTML and CSS. Can you take a look at this page using your phone (although it also works in a computer browser)?

 

http://swingtech.net/dev/footerdiv/index.html

 

It’s using this CSS to force the footer DIV to the bottom:

 

#footer {

    position: fixed;

    bottom:0;

    width: 100%;

}

 

Is it possible to do this kind of thing within Lectora?

Preview image

Tags:

Your email address will not be published. Required fields are marked *