Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 20, 2020 at 7:18 pm #1254424
    Cloudypro

    Hello
    Recently my tab section started to work in a weird way.
    It is not adjusting to the content height
    Please check the link and most importantly the response on mobile
    If you notice, the second tab has the text cut and not fully showing (missing one more sentence when displayed on desktop), and on mobile there is a bigger cut of the text (missing a bigger part of the text)

    DJ Room

    Can you please help me fix this issue .. i just want that each tab has its automatic adjustment to show the full content

    October 21, 2020 at 5:51 pm #1254727
    Nikko

    Hey Mohamad,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    October 21, 2020 at 6:53 pm #1254750
    Cloudypro
    This reply has been marked as private.
    October 22, 2020 at 5:29 am #1254830
    Nikko

    Hi Cloudypro,

    The link you gave does not seem to give access, please check.
    Also, I would assure you that we won’t do any updates as I only like to compare the backend and frontend, check the settings and try to reproduce it on my end.

    Best regards,
    Nikko

    October 22, 2020 at 8:37 am #1254879
    Cloudypro
    This reply has been marked as private.
    October 23, 2020 at 7:37 am #1255160
    Nikko

    Hi Cloudypro,

    Thanks for giving us admin access.
    I have checked further into the issue and I noticed that you are using Enfold 4.7.6.2 which has contains the bug you have mentioned.
    This was fixed after 4.7.6.3, I think the only option you have is to update (make sure to have a backup first).
    You can see it in our 4.7.6.3 changelog: https://kriesi.at/documentation/enfold/changelog/

    - fixed: ALB TabSection "Auto adjust height to content" not working

    Best regards,
    Nikko

    October 23, 2020 at 9:07 am #1255186
    Cloudypro

    THANK YOU SO MUCH @Nikko
    i did the update and it is still not working !

    • This reply was modified 4 years, 1 month ago by Cloudypro.
    October 23, 2020 at 2:58 pm #1255266
    Nikko

    Hi Cloudypro,

    I have checked your site and I could still see the issue although there’s no js error.
    I tried to troubleshoot it but I’m very much limited and could not pinpoint the cause of the issue.
    Can you setup a staging site for us, so we can try troubleshoot it without affecting your live site?
    Here’s a tutorial on how to create a staging site: https://themeisle.com/blog/wordpress-staging-site/

    Best regards,
    Nikko

    October 23, 2020 at 4:30 pm #1255297
    Cloudypro

    Hi

    I added this code and it worked now

    

function ava_custom_script_fix(){
?>
<script>
(function($){
	function a() {
		$('.av-tab-section-container').bind('click', '.av-section-tab-title', function() {
			var active  = $(this).find('.av-active-tab-title'),
				number  = active.data('av-tab-section-title'),
				content = $(this).find('.av-layout-tab[data-av-tab-section-content='+ number +']').children('.av-layout-tab-inner'),
				oheight = content.outerHeight(true) + active.outerHeight(true) + 100;

				$(this).find('.av-tab-section-outer-container').css('max-height', oheight);
		});

		$('.av-section-tab-title:eq(0)').trigger('click');
	}

    a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_fix');
    October 24, 2020 at 9:32 am #1255409
    Nikko

    Hi Cloudypro,

    I’m happy to hear that it’s fixed.
    I could not reproduce it on my end but I will recommend your solution if anyone has same issues on 4.7.6.4.
    Thanks for sharing this :)
    Have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.