Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1290339

    On my website I’m using the portfolio grid element. It’s set to have 4 columns but when the page loads the fourth column flickers up then disappears and whitespace is left on the right side of the element. How can I fix this?

    #1290835

    Hey mosaic,

    We apologize for the delayed response.
    I have checked on your site and I don’t experience the issue you were referring and also the web console has no errors.
    Which image is disappearing? is it the one in private content?

    Best regards,
    Nikko

    #1291111

    Ah how strange. All the books are there it’s just the fourth one is dropping down on to the next row so that there are 3 columns and empty space where the fourth one should be. It works on my desktop but doesn’t work on my laptop. I’ve tried on different browsers on my laptop and tried clearing my cache but it still shows the error. Screenshot in private content

    • This reply was modified 3 years, 8 months ago by mosaic. Reason: Added screenshot
    #1291587

    Hi mosaic,

    Thanks for the screenshot, I tried resizing the browser but all 4 columns work properly without dropping the 4th column.
    Can you try to disable Javascript file merging and compression in Enfold > Performance.
    Then flush out if you have a caching plugin.
    Also try to clear your browser cache.

    Best regards,
    Nikko

    #1293343

    I’ve tried disabling compression and clearing cache in browser and I’m not using a caching plugin but I’m still seeing the error.

    #1293426

    Hi mosaic,

    I couldn’t see this issue on my desktop even when resizing the browser (screenshot and private content) however I have checked it with a laptop and could see the issue.
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1293969

    Thanks, link in private content

    #1294698

    Hi mosaic,

    I apologize for the delayed response and thanks for providing us with admin access.
    I have added a Custom ID Attribute to the Portfolio Grid: myportfolio
    Then added this CSS code in Enfold > General Styling > Quick CSS as a workaround for the issue:

    @media only screen and (min-width: 1100px) and (max-width:1400px) {
      #myportfolio .grid-sort-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
      }
    
      #myportfolio .grid-sort-container .grid-entry {
        position: static !important;
        width: auto !important;
        padding-bottom: 140px !important;
      }
    }

    Please review the page and see if it helps on your end.

    Best regards,
    Nikko

    #1294740

    Thanks Nikko that’s fixed it. Could you tell me how this happened? Is this a bug with enfold?

    #1294856

    Hi mosaic,

    You’re welcome. :)
    To be honest, I’m not really sure what triggers the issue, if I test it with my desktop I could not see the issue at all even after resizing and make it use the exact size of a laptop’s screen.
    But if I use a laptop, I could see the issue but when resizing it (it gets fixed at some point), so the workaround I made was to target devices that are around 1100-1400px and tweak it with CSS.
    I could not narrow it down as a bug in Enfold since I could not replicate it on other devices.

    Best regards,
    Nikko

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