Download all Joomla templates including quickstart (demo)only $29
👋 All our products will be compatible with Joomla 6 😎

Forum

Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.
- If you bought our products in another market, ask your questions in that market, not here.

* ADD PRODUCT NAME IN START OF SUBJET

UT Articles Pro - Display problem with vertical overlapping of rows

  • P
  • panda New Member
  • Topic Author 21 hours 43 minutes ago #1
I am using UT Articles Pro on a page with Tag filters. Each item on the page displays the image on top, then the Title, Description, and Read More.

On first load, the first 1 or 2 rows display fully, but all the rest overlap vertically, hiding the text.  When I inspect the page code, I can see that each item box is created fully.  The issue is that there is something in the code that is causing the vertical spacing to break.

If I click on any of the three selector buttons, the layout fixes itself and loads properly with all grid items displaying fully. If I <refresh> the page, it also reloads properly.

There is something happening on first page load with a page with tag filter buttons that is not working properly.  On the same site, I have two other pages that do not have filter buttons, and they load correctly the first time and every time.

It doesn't appear to be a caching issue.  I've tried disabling all caching, even on the module itself, and it still displays incorrectly.

Here is the page that doesn't work:    redwings.starlightinternet.com/our-horses/horses-for-adoption    If it appears normal to you, navigate to another page, clear your cache, and revisit the page from the top menu /Our Horses/Horses for Adoption.

I've tested this in Brave and Firefox with the same issue.  I've turned off all blockers.  I've disabled all back-end Joomla plugins that can impact articles universally (JQuery Easy, etc.).

Please help.  Thank you.

 

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 5 hours 58 minutes ago #2
I accessed your link, and from the first load, I see that all the elements load with their respective vertical spacing, without overlapping each other.

I don't know if you've already solved the problem. But if you're still having the issue on your end, we can override the module so that the JavaScript applies the positioning to the elements once the page has fully loaded.

The difference between the module without filters and with filters is that when you have filters, the dimensions of the elements are calculated, and absolute positioning is added. Therefore, if the dimensions are calculated incorrectly, the elements will be positioned incorrectly, which could result in overlapping or excessive spacing.

Regards

Please Log in or Create an account to join the conversation.

76,488+
Happy customers guarantee our Templates and Extensions

Secure Payment

Use your cards with Paypal.

 
 
 
 
 
 
 
Â