-
AuthorPosts
-
June 24, 2020 at 9:45 am #1225094
I can’t understand why a page on a tab section is truncated if I go in directly, if I click on another tab and then back on this page it loads correctly.
I tried to use a gallery, now two columns with four single images, same result.
And wordpress preview always works !
Can you help me understand?
I just have to add a few images to a tab sectionJune 25, 2020 at 5:26 am #1225405Hey BNA1956,
I’m not sure if I understand the problem you are having, could you post a screenshot or screencast highlighting it please?
Best regards,
RikardJune 25, 2020 at 8:08 am #1225420Page how it should be:
https://drive.google.com/file/d/1q95uC4Bsi_n-H_y-NhATg6yxOmyX7LJz/view?usp=sharing
Page how it looks when I load the page:
https://drive.google.com/file/d/1FXWFfGW0eS5dlE1EJr3PZdpOo_e4wlP9/view?usp=sharingJune 26, 2020 at 4:49 pm #1225933Did you see the screenshots ?
June 30, 2020 at 9:48 am #1226664Hey!
Sorry for the delay. Looks like the tab doesn’t resize correctly when it’s directly accessed using anchors.
Adding this script in the functions.php file should help.
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ var int = window.setInterval(function(){ $(window).trigger('resize'); }, 1000); $(window).load(function () { setTimeout(function() { clearInterval(int); }, 1000); }); })(jQuery); </script> <?php }
Regards,
IsmaelJune 30, 2020 at 10:15 am #1226669Unfortunately not, when I click on page Our Services and then on Gallery button (second-last of tab section), the images below are always truncated;
same thing if I enter directly on that section (#gallery); if I click on the same section again it works correctly, or if I click on another tab section and then again on gallery section the images are loaded correctly.July 3, 2020 at 6:20 am #1227651Hi,
Thank you for the update.
It seems to be working properly now when the URL is accessed directly, but not when clicking from another tab.
Please try to include this code in the Quick CSS field or the style.css file.
.avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap { -webkit-transition: none; transition: none; }
Did you enable lazy loading?
Best regards,
IsmaelJuly 3, 2020 at 8:07 am #1227696Lazy loading !!!!! You’re right, I didn’t even remember it was activated !
Turning it off everything works correctly, thank you very very much.July 4, 2020 at 1:29 pm #1227914Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardJuly 5, 2020 at 12:03 pm #1228026Close it, thank you
July 6, 2020 at 8:08 am #1228201 -
AuthorPosts
- The topic ‘Tab section: page truncated’ is closed to new replies.