Hello,
On the initial page load in my tab section, my content keeps getting cutoff at the bottom. It’s not showing the rest of the content. How can I fix this?
Hi,
Thanks for the screenshot and update, where can we see the actual element?
Best regards,
Rikard
Hi,
Thanks for that. First off, could you try updating the theme to the latest version (4.4.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.
Best regards,
Rikard
Hi,
Please try to add this code to the functions.php file (you can insert it at the very bottom):
add_action('wp_footer', 'ava_auto_resize_tab');
function ava_auto_resize_tab(){
?>
<script>
(function($){
var int = window.setInterval(function(){
$(window).trigger('resize');
$(window).trigger('av-content-el-height-changed');
}, 1000);
})(jQuery);
</script>
<?php
}
Best regards,
Peter
Hey!
I tried to add the code but when I logged in I got the error message “Service is currently unavailable.”.
Please try to use ftp to modify the functions.php – go to wp-content/themes/enfold/functions.php and download the file. Then add the code at the very bottom and upload the file again.
Best regards,
Peter
Hi Christy,
Thanks for the update, just let us know if you should need any further help from us.
Best regards,
Rikard
Hey!
I added the code for you – please check if it solved the issue on your end too.
Regards,
Peter
Hi!
The name/title effect conflicts with the default hover effect/overlay. I fixed it by deactivating the hover effect on this page – I replaced
avia_hover_effect(container);
with
if(! $('body').hasClass('page-id-4408')) avia_hover_effect(container);
in enfold/js/avia.js.
Cheers!
Peter
This fixed it. Thanks Peter!