Footer changes position on mobile. Depending on http/https (herokuapp)

Asked Jan 12 '17 at 21:15

Active Jan 12 '17 at 21:15

Viewed 28 times

I use this kind of footer and it works okay on localhost, but how can i fix it on heroku server?

html {
position: relative;
min-height: 100%;
}

body{
    margin-bottom: 50px;
}

.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #222;
}

footer with https and footer with http

Or maybe you can give me a piece of advice, how to create footer that wil be always at the bottom of the page.

asked Jan 12 '17 at 21:15

Kirill Losev

Can you post how you include the css file in the html? – Gabriele Petrioli Jan 12 '17 at 21:17
I use flask so – Kirill Losev Jan 12 '17 at 21:21
Can you post how that renders in http and https ? I trying to check if you are including it via https in http or vice-versa. Also try opening the https and http versions of the css file in the browser to see if it loads as expected – Gabriele Petrioli Jan 12 '17 at 21:23
there are two link to see the render – Kirill Losev Jan 12 '17 at 21:33
Check the console to see if all resources are being loaded correctly. I wouldn't be surprised if something is not being loaded because of a security reason. – katzkode Jan 12 '17 at 21:36
@KirillLosev it works the same for me from both https and http, might be a cache issue. – Gabriele Petrioli Jan 12 '17 at 21:37
It works nice when I act like phone in google chrom dev tools, but not on my phone. – Kirill Losev Jan 12 '17 at 21:39
@KirillLosev i tested with my phone (*android*) – Gabriele Petrioli Jan 12 '17 at 21:39
@GabyakaG.Petrioli finple.herokuapp.com did you test this page or only code in the question? – Kirill Losev Jan 12 '17 at 21:40
I open css on my phone and it hasn't the part? that I need. How can I force browser to load same css everytime? – Kirill Losev Jan 12 '17 at 21:59
@KirillLosev then it is caching.. See http://stackoverflow.com/questions/9692665/cache-busting-via-params – Gabriele Petrioli Jan 12 '17 at 22:05
1

SOLVED just restart browser on smartphone – Kirill Losev Jan 12 '17 at 22:07

Footer changes position on mobile. Depending on http/https (herokuapp)

0 Answers0