[vossshopParticipant]

Hello I have a problem with my website. My footer are floating above bottom of page. I read other article but dont work.

URL: http://lahox.com/music/

I used this but dont work

jQuery(document).ready(function($) {
var $main = $(‘.x-main’),
$windowHeight = $(window).outerHeight(),
$masthead = $(‘.masthead’).outerHeight(),
$wpbar = $(‘#wpadminbar’).outerHeight(),
$footer = $(‘.x-colophon.bottom’).outerHeight() + $(‘.x-colophon.top’).outerHeight();

$main.css(‘min-height’, $windowHeight – $masthead – $wpbar – $footer – 70);
});

[RahulModerator]

Hey There,

Thanks for writing in!

Regretfully, at this time I am not entirely certain what it is you’re trying to do.
If you wouldn’t mind providing us with a little more clarification or a Screenshot on what it is you’re wanting to do. We’ll be happy to provide you with a response once we have a better understanding of the situation. Currently your footer menu looks perfect. See attached!

Thanks for understanding!

[vossshopParticipant]

Hello, this is the problem. See attachments

[vossshopParticipant]

Here, thanks!

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.page-id-740 footer.x-colophon.top {
    position: fixed;
    bottom: 80px;
    right: 0;
    left: 0;
    z-index:1030;
}
.page-id-740 footer.bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index:1030;
}

Please increase gap element’s size.

Hope that helps.

[vossshopParticipant]

Hello, ok now looks like this: (see attachments)

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-main {
    padding-bottom: 156px;
}

Hope that helps.

[Author]

Posts