I like to think of myself as knowledgeable when it comes to editing CSS but, my logo and menu area are longer than my content and footer. I have tried using the additional CSS and changing certain things to height: auto; or height:100%, but that doesn’t seem to work.
What I’m trying to accomplish is making the menu bar as long as the content. The footer should exceed the content and the menu.
Hey bhotzel,
I added following code to Quick CSS in Enfold theme options > General Styling
#footer { z-index: 501!important; }
and added following to functions.php file in Appearance > Editor
function av_move_footer(){
?>
<script>
jQuery(window).load(function(){
jQuery("#footer").detach().insertAfter('#main')
});
</script>
<?php
}
add_action('wp_footer', 'av_move_footer');
Please review your website :)
Best regards,
Yigit
That is awesome! Thank you so much!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit