YoothemePro: Push Footer to the bottom ?
Where can I find a way to have the footer always stay on bottom of the Viewport... no matter if the content fill the Main area?
ok... found a solution... but it is not so elegant:
How can I add a Class or ID to the "Main area" / Viewport then?
I think it should be possible to set the footer position to sticky
If inspecting the code of the "Home" page - I can see this:
<div id="tm-main" class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true" style="box-sizing: border-box;"> <div class="uk-container"> <div class="uk-grid uk-grid-stack" uk-grid=""> <div class="uk-width-expand@m uk-first-column"> <h1>Home</h1> <article id="article-1"> </article> </div> </div> </div> </div>
Here we have a div called "tm-main" and "uk-height-viewport="expand: true" " is set.
But a page made with the Page Builder don't have that "tm-main":
<div class="uk-section-default uk-section"> <div class="uk-container"> </div> </div>
This is all!
Why do it not have the class "tm-main" or id "tm-main"?
How or where can I set the Data attribute "uk-height-viewport"?
I can't find a way to set Data attributes to sections nor to the Main area in the "Page Builder".