Dazzling Footer Bottom visible

Dazzling
1

Hi Aigars,
I would like to see the footer area, on the bottom of any page, and always visible.
I’ve been looking in forum suport for dazzling, but nothing solve my problem.

When i put this code:
#footer-area {position: absolute;bottom: 0;width: 100%;}

it’s correct, and solve my problem only for pages with few content. (when you don’t need to scroll down the page.)
But when i go to Blog pages for example, and there is a lot of content, the footer is floating in the midle of the page, not at the bottom of the page. When i scroll down the window, the footer remains in the midle of the screen.

i also tried this code:
#content {min-height: 500px;}
#footer-area {position: absolute;right: 0;left: 0;}

But doesn’t keep the bottom footer always visible.

Is there any possibility to solve this?
My web is www.clickoverview.com
Thanks Aigar for your support.
Good theme.

2

Hi @raulgs82,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

#footer-area {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

Best Regards,
Movin

3

Thanks,
It worked fine.

4

You are most welcome here :slight_smile:

5

Is there any possibility, to hide it on mobile phones?
Because mobile phones have smaller screen, and the footer is very big.

Thanks.

6

Hi @raulgs82,

You can try achieving this by removing the above provided code and using the following modified code.

@media (min-width: 768px){

#footer-area {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

}

Best Regards,
Movin