sticky footer for safari ipad

[nocamoss]

Hi all and very compliments for this site.
I’m a beginner with a css, so i have a footer sticky for a drupal theme that i want disable for iphone and ipad.
This code (bottom of my style.css) works with iphone but not with ipad.
Any ideas?

Many thanks! Camoss

/* iphone */

@media only screen and (max-device-width: 480px) {

#footer {

position:  relative;

}

.front #footer {

position:  relative;

top: 670px;

}

}



/* ipad */

@media only screen and (device-width: 768px) and (orientation: landscape) {

#footer {

position:  relative;

}

.front #footer {

position:  relative;

top: 670px;

}

}

[Johnnyb]

Could that be to do with the fact that you’re using top: 670px to position the footer? Have you tried using bottom: 0 instead?

[nocamoss]

Hi j! many thanks!
Never change with bottom: 0 in Safari mobile!

Have you an idea?

[Johnnyb]

I may have some ideas! But could you provide a little more info? In what way isn’t it working? And can you provide a link to the problem? Cheers!

[Author]

Posts