Okay
  Public Ticket #2689640
Portfolio
Closed

Comments

  • Stefano started the conversation

    Hello,


    I am having an issue with the style of my portfolio. I tried everything but every time I chose to set my portfolio style in hover, meta, no meta (with space between my images) the portfolio display only 2 columns instead of the 3 columns I put in setting. If I chose 4 columns, I will only have 3 columns, and everytime they align uncorrectly on the left instead on the center as I declared. The section fills all the page but the last column is always empty, and all the images fill the first two columns. The only way to have a centerd portfolio with all the columns I decide to have is to put in stlye "No space". But I want the portfolio to have some space between the images and centered in 3 columns. Please I need your help!

  •  867
    Neuron replied

    Hi Stefano,

    I am very sorry for the late reply, we were not working on the weekend.

    Please make sure that you're running the latest version of the Proton theme and Neuron Core plugin.

    Proton Theme Version 1.4.7
    

    You can update the theme directly on your dashboard, via the plugin below:

    https://envato.com/market-plugin/

    Feel free to ask for anything you need.

    Kind Regards


  • Stefano replied

    Thank you for your reply, I updated the theme version (I think I got the latest version anyway) but I cannot find the neuron core plug in on wordpress? where can I find it? thank you very much. Stefano

  •  867
    Neuron replied

    Hi Stefano,

    Sorry for that, I was wrong, the Proton theme doesn't have the Neuron Core plugin.

    So now is the issue gone?

    Feel free to ask for anything you need.

    Kind Regards


  • Stefano replied

    Ok, not the issue is still there since the theme was already updated, so nothing has changed.

  •  867
    Neuron replied

    Hi Stefano,

    Sorry for the late reply, somehow I missed your ticket.

    Can you please provide me with your wp-admin, so I will have a quick look to see what's going on?

    Feel free to ask for anything you need.

    Kind Regards


  •   Stefano replied privately
  •   Neuron replied privately
  •   Stefano replied privately
  •  867
    Neuron replied

    Hi Stefano,

    I've logged in to your website to check it and everything was working alright, I've set the style to "Hover" and the columns to "4 Columns" and everything is working as it should be, can you please try to clear the cache of your browser, and tell me on which browser you're working on.

    https://prnt.sc/zyoxis

    https://prnt.sc/zyonp2

    Feel free to ask for anything you need.

    Kind Regards


  • Stefano replied

    So, it seems that we have found the problem. In fact, on Google chrome we still have the same problem. But, I have opened the same page on Internet Explorer and the portfolio display correctly.


    Is there something to do to make it work correctly on google chrome as well?


    Thank you very much


    Stefano

  •  867
    Neuron replied

    Hi,

    We've tested it on Macbook Pro 16inch, and it's showing alright, can you please tell me the resolution of your screen, also please try to clear the cache of your browser.

    Feel free to ask for anything you need.

    Kind Regards


  • Stefano replied

    Ok, so my screen resolution is 1280 x 720. I have cleared the browser cache but nothing has changed!


    Thank you,


    Stefano

  •  675
    Neuron replied

    Hi Stefano,

    Could the heading animation lead to that? https://prnt.sc/1013ay3

    Can you please disable the animation and see if the issue occurs again, we were not able to replicate the issue on many devices.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Stefano replied

    So I have tried to remove the animation on the title but the problem is still there :(

  •  675
    Neuron replied

    Hi Stefano,

    I am sorry for the late reply.

    Can you please tell us what device you're using with the resolution: 1280 x 720

    So, maybe we can use browserstack to set and see why that is happening, it doesn't happen in any of our devices.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Stefano replied

    Thank you for your reply. My device is an Asus VivoBook17. do you need other infos about my device?

  •  675
    Neuron replied

    Hi Stefano,

    I am sorry for the late reply, we could not find a testing tool for that notebook.

    Can you please do as following, open your website on the notebook and open your website, when the issue happens please open the inspect element.

    - https://developers.google.com/web/tools/chrome-devtools/

    Provide me with the same screenshot as I did in the attachments.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Stefano replied

    Hello, 


    no problem. So I have took two screenshots, in the second I inspected the div container of the portfolio. I hope it helps. Let me know if you need more information.

    Thank you very much

    Stefano

  •  675
    Neuron replied

    Hi Stefano,

    I am sorry for the late reply.

    As I am seeing the masonry is not being calculated properly. Can you please do as following.

    There can be slow communication with JS and the DOM of the website, so to reload that fast, simply install the following plugin.

    - https://wordpress.org/plugins/insert-headers-and-footers/

    After installing go to the Settings > Insert Headers and Footers, add the following script in head or footer.

    <script>
    jQuery(function($) {    
        window.onload = function() {
            setTimeout(function() {        
                window.dispatchEvent(new Event('resize'));    
            }, 
            1000);
        }
    });
    </script>

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Stefano replied

    Hello,

    Ok, so I have followed your instructions, but as I put the the script in the head or footer nothing is displayed on the page.

    I installed the plug in as you said and put the script in setting>Insert Headers and Footers> head or footer as you said but the homepage gets empty.


    Thank you,


    Stefano

  •  675
    Neuron replied

    Hi Stefano,

    I am sorry for the late reply, we did not work on the weekend.

    Can you please try this one instead?

    <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
    <script>
    jQuery(function($) {    
        window.onload = function() {
            var $masonry = jQuery('.masonry');
            $masonry.imagesLoaded( function() {
                $masonry.isotope({
                    itemSelector: '.selector'
                });
            });
        }
    });
    </script>

    It will wait for all the images and then initialize the grid layout, it should work this time.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Stefano replied

    Hello,

    So, same problem. As I add this script, the page gets empty.

    I have cleared the Google chrome cache again but that does not change much.


  •  675
    Neuron replied

    Hi Stefano,

    I am sorry for the late reply.

    Can you please provide us with your wp-admin, we will check it quickly.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   Stefano replied privately
  •  675
    Neuron replied

    Hi Stefano,

    I've modified some of the code, can you please have a look again. It should be working now.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Stefano replied

    So, I have looked and delete the cache again. Unfortunately the third column stays up for one second only and then it gets back to the same problem :(

    Kind regards,


    Stefano

  •  867
    Neuron replied

    Hi Stefano,

    I am very sorry for the late reply, we were not working on the weekend.

    I've tested it again and your portfolio is displaying alright with 4 columns, can you please make sure that you're running the latest version of the Chrome browser, maybe this is a browser problem, as it's showing alright for us.

    https://prnt.sc/10g5m02

    - https://prnt.sc/10g5me9

    Feel free to ask for anything you need.

    Kind Regards


  • Stefano replied

    So my chrome must be updated because it doesn't show the option of updating the browser. Should I reinstall the browser? The gallery shows in 4 columns just for the first second but then it passes to three columns with space on the right.


    Thank you


    Stefano

  •  867
    Neuron replied

    Hi Stefano,

    This can also be a problem with the resolution of your device, have you tested it on another device because it's working alright for us, I've also attached a screenshot of it.

    - https://prnt.sc/10husql

    Feel free to ask for anything you need.

    Kind Regards