Page with footer

[richardcech]

Hello,
Can you help me with problem that when I open my web page richardcech.com on mobile (iphone 7) and content of page in not longer that my screen of mobile, it create big space below footer… It looks really weird. (If content is longer that screen of mobile, it makes normal space between footer as I have set in custom css, which is 25px under and 25px below footer)
It is happening especially on home screen (richardcech.com) and http://richardcech.com/ontact/ and page with less content like http://richardcech.com/project/the-flowerpot/.
Do you have please any Idea how to solve this bug ? 🙂

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi,

Please add the custom CSS:

#content {
 min-height: calc(100vh - var(--header-height) - var(--footer-height));
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
I try your custom CSS but unfortunately it still does not work properly on the phone…
I make some prinscreen of mobile screen (on Iphone 7 – I try it on google and safari browsers)

I also make some coment to each picture 🙂 Here is link:
https://www.dropbox.com/sh/3p1znzp7l9n12wj/AABEhFRsUJHUjWLL0iXbA3n_a?dl=0

My web page is: richardcech.com

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi,

So, if the content is not longer than the screen of mobile( like homepage), where should be the footer placed? Please paste a screenshot to explain. Thanks

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
I want to have footer under content. Footer have pagination under and above 25px.
When you open some page which is cut of by phone screen in footer, It create this weird gap (blak space) under footer.
If you open page which doestn cut of by phone screen in footer but in some content, footer works perfectly, that measn is under content anad have only pagination under and above, but there is not some gap or blank space under.
(I erase your custom css which you send me before)

Here is link with image and comments of an idea how it should look like:
https://www.dropbox.com/sh/8kox6sqy1f3vk4d/AAAxqac3M0_-L5AtXUzo3F3Da?dl=0

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

I am not sure if understand your question. But you could add the custom CSS to check if it is fixed.

.wrap-all { 
 min-height: 0;
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Amazing !! This is absolutely it :))))

Thank you very much
Best Regards
Richard Cech

[Author]

Posts