Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #513615

    Hi,

    on the website of http://www.dieweinhandlung.at I use the Portfolio-Function for the pages “Weine & Winzer” and “MentorInnen”.
    If I load the page the distance between each row is higher than if I change the browser width. (Desktop-PC). I debugged the html-code and I saw
    that the value of the attribute top is calculated. But at the first load the value is too high, so that there is an inelegant gap between the rows.
    <div style=”position: absolute; left: 0px; top: 286px;” data-ajax-id=”330″ class=”grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-330 grid-entry-overview grid-loop-5 grid-parity-odd oesterreich_sort steiermark_sort av_one_fourth first default_av_fullwidth no_combo”>

    The same effect occurs in the mobile version. If I scroll the window some gaps get smaller, others not. Is there any possibility to do, so that the gap is always the same.

    Best regards,
    Daniela

    #513922

    Hey Daniela!

    It looks fine on my end. Can you take a screenshot and highlight what your seeing?

    Cheers!
    Elliott

    #514686

    Hi Elliot,

    I put the screenshots and the explanation into a pdf-file: https://www.dropbox.com/s/fpet9d5r171tdrn/Portfolio-Item-gap.pdf?dl=0

    Cheers, Daniela

    #515360

    Hey!

    Next time be sure to send us a link to the exact page so we know what’s going on.

    I couldn’t figure out which version of Enfold your using. If it’s not the latest, 3.3.2, then be sure to update. Also be sure to deactivate all plugins while testing.

    Cheers!
    Elliott

    #515658

    Hey Elliot,

    there is the latest version of Enfold installed. I could’nt reach my customer. On my PC all is right. My customer have to test it on his PC, when all plugins are deactived. I don’t want to deactivate all the plugins the whole time. So I’ll wait until I reach my customer.

    Cheers,
    Daniela

    #515823

    Hey!

    Please let us know so we can mark the thread as resolved or assist you further.

    Best regards,
    Yigit

    #515885

    Hey Yigit,

    the problem is not on my PC! It is on the PC of my customer.

    I let you know, when I reached my customer.

    Best regards,
    Daniela

    #515893

    Hi!

    That is exactly why we will keep the thread open and wait to hear from you :) Please reply to thread when you hear from your customer. Currently it is on hold, once you reply, it will be opened.

    Regards,
    Yigit

    #516129

    Hi, hope you don’t mind my leaving a comment. On your site I can see that the positioning for the surrounding div of each portfolio element is set dynamically and I am seeing the problem you describe.When the page first loads the element style for the surrounding div of a portfolio element in the second row (for example) is this:
    position: absolute; left: 0px; top: 287px;

    When the page is resized (ie. grab the browser edge and move it) the element style changes to:
    position: absolute; left: 0px; top: 228px;

    If the page is refreshed it goes back to the first element style and is placed too far down again – 287px instead of 228 px

    I am creating a portfolio on a new Enfold site and am seeing the same thing happening – although it is not quite as much of a difference, so I didn’t even notice it until I read this thread. I don’t think it is the browser as it is not happening on the Enfold demo if I view it in the same browser. I don’t have a solution, but hope that narrowing down the problem will help.

    #516606

    Hey!

    Is this the demo page your referring to? http://kriesi.at/themes/enfold/portfolio/portfolio-3-column/

    It seems to look fine for me when I resize the browser. The portfolio items will change their size to fit the container width. Can you send us a link to your page so we can take a look?

    Best regards,
    Elliott

    #516706

    Yes, the demo works fine. But on my site I get the following:
    Without excerpts:
    If I don’t use excerpts my Portfolio page looks fine at first, but as you scroll down you can see the gaps between the rows.
    With Excerpts:
    If I add an excerpt everything has gaps.There are borders around each portfolio item so it is easy to see the gaps.

    It seems that the code that is calculating the positioning is off.

    The site is not online so will provide login info

    #517135

    Hi!


    @kallym
    : What is the login url? I tried wp-admin and wp-login but it’s not working. A screenshot of the issue will help as well. Use imgur or dropbox.

    Best regards,
    Ismael

    #554927

    Hi,

    I solved the problem. It was a caching-problem: I deactived the functionality “lazy load” for images. Because the images was loaded after the distances were calculated, the distances were calculated wrong.

    Thanks for your support,
    Daniela

    #555045

    Hey!

    glad you found a solution. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Portfolio – List of items’ is closed to new replies.