Footer location

dsc
November 23, 2015 at 7:12 pm #10221

Hi!

Thanks for great theme! I have a question: if the page has a bit content, the footer shows too high relatively bottom ( http://i.imgur.com/NOdSfdY.png ). How to place it to the bottom in that case? I tried to modify css, but I failed 🙂
Admin
Syahir Hakim
November 24, 2015 at 9:48 pm #45641
Try placing this CSS code into the theme’s Custom CSS option:
```
.home .footer {

position: fixed;

bottom: 0;

width: 100%;

}
```
dsc
November 25, 2015 at 1:36 pm #45642
Quote:

Try placing this CSS code into the theme’s Custom CSS option:

.home .footer {

position: fixed;

bottom: 0;

width: 100%;

}

Syahir, thanks for help, but nothing changed after that code 🙂

But after a lot of googling and experiments, I solved this problem. I will write the decision, maybe it will help somebody.

In a nutshell, we need add wrapper between start of <body> and start of footer like this:
```
...

<wrap>

<body>

</wrap>

<footer></footer>

</body>

...
```
and edit css.

Detailed:

Open “header.php”, insert after 16 line: <div class=”wrap”>

We got:
```
...

</head>

<div class="wrap">

<body <?php body_class(); ?>>

...
```
Open “page.php”, insert closing tag in 21 line: </div>

We got:
```
...

</div>

</div>

<?php get_footer(); ?>

...
```
Finally, add to style.css (or theme’s Custom CSS option):
```
html, body {

height: 100%;

}

.wrap {

min-height: 100%;

height: auto !important;

height: 100%;

margin-bottom: -79px;

}
```
It helped me, maybe this method can be optimized.
Mod

Kenneth John Odle
November 25, 2015 at 3:29 pm #45643

You should make these changes in a child theme, however. Edits made to the theme files will be wiped out when the theme updates.

dsc
November 25, 2015 at 5:13 pm #45644

Sure, I meant this by default.