logo maximenuck 64Maximenu CK

Maximenu CK is a Joomla megamenu dropdown with nice effects.

logo slideshowck 64Slideshow CK

Slideshow CK, nice effect with this slideshow responsive design.

logo accordeonmenuck joomlaAccordeon Menu CK

Accordeon menu CK is a joomla accordion menu with mootools effects.

logo template creator joomlaTemplate Creator CK

Template Creator CK is a tool to create your own Joomla! templates.

Welcome, Guest
Username: Password: Remember me

TOPIC: Force footer to bottom of screen

Force footer to bottom of screen 05 Jun 2017 23:53 #42668

  • trogladyte
  • trogladyte's Avatar
  • OFFLINE
  • Gold Boarder
  • Posts: 263
  • Thank you received: 4
  • Karma: 0
I have a site (actually numerous) where I want the footer to be at the bottom of the screen. www.ckdev.info/sedona is the current one.

The footer wrapper has a 50% #000000 color applied to it. I made 2 copyright module positions - one for desktop, one for mobile devices and assigned them in responsive. I searched the net (try not to bug you with every query!!) and found some code so added this to the module in the wrapper:

position: absolute;
bottom: 0;
left: 0;
right: 0;

Pushed it to the bottom, but deleted the color in the footer on desktop. I did not add to mobile as it will always bee at the bottom. Displays fine on mobile. So I added the code to the wrapper instead of the module position. This time the desktop was fine, but the mobile, not surprisingly, shows the footer at the bottom of the screen and stays in that position on the page.

It's kind of like the opposite of the sticky header but not quite. What am I doing wrong Ced?

Thanks.

EDIT: Actually, just found that this doesn't work, period. It fails on desktop if the page is longer than the screen too - just like on mobile. This may be a great widget to add. I would use it all the time.
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Last Edit: 06 Jun 2017 00:41 by trogladyte.
The administrator has disabled public write access.

Force footer to bottom of screen 06 Jun 2017 08:32 #42682

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17491
  • Thank you received: 2232
  • Karma: 389
Hi
remove your position absolute, this is not the solution
Try something like this in the paremeters >> custom css
#wrapper {
    min-height: calc(100vh - 100px);
}

CEd
Joomlack Webmaster and Developer
The administrator has disabled public write access.

Force footer to bottom of screen 06 Jun 2017 08:33 #42683

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17491
  • Thank you received: 2232
  • Karma: 389
PS : you can adapt the 100px value to get the best result
Joomlack Webmaster and Developer
The administrator has disabled public write access.

Force footer to bottom of screen 06 Jun 2017 18:37 #42721

  • trogladyte
  • trogladyte's Avatar
  • OFFLINE
  • Gold Boarder
  • Posts: 263
  • Thank you received: 4
  • Karma: 0
Thanks Ced. Changed the 100px to 10px and it looks great.

Thanks again!!
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
The administrator has disabled public write access.
Time to create page: 0.207 seconds
Powered by Kunena Forum

Mentions légales

Site made by Cédric KEIFLIN

Privacy policy

Copyright © 2010 - 2015

http://forum.joomlack.fr is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Qui est en ligne

We have 106 guests and 2 members online