Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #515580

    My website is using Enfold theme. I see some distorted images as well as with the masonry in my site. If you scroll up and then down the problem get corrected on its own.

    The menu header is set to the left as a side bar and has a button with the ability to expand and collapse the menu. The issue appears if you expand or collapse the menu, the masonry and its respective images become distorted. The interesting part if that if you scroll up or down the issues seems to correct itself. This is certainly not a normal function of the theme and should not be acting this way.

    Click on the menu option “Dimensions” and you will see the issues with the four dimensions at the bottom and as well as by clicking on every of the green link which will take you to each lesson. The masonry is all the way at the bottom of each lesson.

    Thank you –

    #516218

    Hey jorge42189!

    Thank you for using Enfold.

    Could you please provide a screenshot of the issue? I checked the page and the masonry items looks OK.

    Cheers!
    Ismael

    #517821

    Hi Ismael,

    Please look at the masonry items once again because they are clearly distorted and are malfunctioning. I have attached several screen shots for your convenience. Please make sure when you are looking at the masonry items that you click on the green button to collapse and expand the menu, this is when the issue appears. If you don’t click on the green button everything will seem fine when it really isn’t.

    Looking to hear from you soon.

    • This reply was modified 9 years, 1 month ago by jorge42189.
    #518108

    Hey!

    Thank you for the screenshots but I’m not sure where to look for the issue. The images don’t look distorted. Can you please provide links to the original image so that I have something to compare? This is what I see on my end:

    Best regards,
    Ismael

    #519023

    Ismael,

    If you go back to the previous messages, it is evident I have provided a clear explanation to my situation with the proper steps needed to take in order to see the problem. I don’t want to make any assumptions but your comments make it seem like you are not reading my messages nor attending my situation with the proper care. I would greatly appreciate someone else handling my situation moving forward.

    As I’ve stated before:

    “Please make sure when you are looking at the masonry items that you click on the green button to collapse and expand the menu, this is when the issue appears. If you don’t click on the green button everything will seem fine when it really isn’t.”

    Thanks –

    #519678

    Hey!

    I’m sorry if I didn’t notice the button. It’s not included in the theme by default and I just realized I helped you implement the toggle button. I was able to reproduce the issue so you have to modify the code in the previous thread: https://kriesi.at/support/topic/technical-question-2/#post-470089

    Replace it with:

    add_action('ava_after_main_container', function() { echo "<a href='#' class='click-me-toggle'>Click This</a>"; });
    
    add_action('wp_footer', 'ava_custom_script', 10);
    function ava_custom_script(){
    ?>
    <script>
    (function($) {
        var sidebar = $('.html_header_left #top #header'),
    		main = $('.html_header_left #main');
        $('.click-me-toggle').click(function() {
          $(sidebar).toggle('slide');
    	  $(window).trigger('resize');
    	  if($(main).css('margin-left') == '300px') {
    	  	$(main).css('margin-left', 0);
    	  } else {
    	  	$(main).css('margin-left', '300px');
    	  }
        });
    }(jQuery));
    </script>
    <?php
    }

    Please remove browser cache then reload the page. If it’s not working, II’ll ask someone else to check the site.

    Best regards,
    Ismael

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