Home Forums Porto Template Portfolio page not displaying correctly

This topic contains 2 replies, has 2 voices, and was last updated by  kathrynmichaud 4 months ago. This post has been viewed 147 times

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10021003

    kathrynmichaud
    Participant

    Hi, something has happened on this page: http://www.littlefoxwebdesign.co.uk/portfolio.html and now there are gaps appearing in a couple of pages between the images as you scroll down the page. Could you help me to remove the gaps please?

    Thank you!

    Kathryn


    #10021010

    Support
    Keymaster

    Hello,

    Please follow the steps below:

    1) Change this:

    <ul class="portfolio-list sort-destination" data-sort-id="portfolio">

    To this:

    <ul class="portfolio-list" id="portfolioItems">

    2) Add in js/custom.js this code:

    var $wrapper = $('#portfolioItems');
    
    if( $wrapper.get(0) ) {
        $(window).on('load', function() {
            $wrapper.isotope({
                itemSelector: '.isotope-item',
                layoutMode: 'fitRows'
            });
        });
    }

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Jonas


    #10021011

    kathrynmichaud
    Participant

    Yes that’s fixed it! Thanks so much for your help.

    Kathryn


Viewing 3 posts - 1 through 3 (of 3 total)