Home › Forums › WoodMart support forum › Related products hover causes layout shift and overlaps Elementor header

Related products hover causes layout shift and overlaps Elementor header

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 27, 2026 at 11:05 pm #710261

    Tolis
    Participant

    (on first load)
    Hello Support Team,
    I’m experiencing a front-end layout issue on a single product page using the WoodMart theme

    In the Related Products section, when I hover a related item, the product card moves upward (it “jumps” up) and the whole related grid shifts.

    On the first page load, this upward movement can be so strong that the related section overlaps the Elementor header (header appears covered).

    If I refresh the page, the layout is mostly normal, but the hover jump still happens.

    Attachments:
    You must be logged in to view attached files.
    February 28, 2026 at 9:33 am #710278

    Tolis
    Participant

    Some extra info in private section

    February 28, 2026 at 11:16 am #710304

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I have checked your site, and it is working fine.

    See Video for clarification: https://jumpshare.com/s/GGxa80gct2KNXgzNuHWU

    Please clear your site cache, browser cache, and check the site in incognito mode / another browser to confirm if the issue persists.

    Best Regards,

    March 7, 2026 at 6:57 pm #711491

    Tolis
    Participant

    Hello Aizaz Imtiaz Awan, thank you for your reply, and apologies for my late response.

    There is no caching plugin enabled. In screenshot 1.jpg, you can see the item layout in Incognito mode and after a reload: only the image, product name, and price are shown. This is the correct layout and there is no issue.

    In screenshot 2.jpg, you can see the hover state, where the additional elements appear as expected (e.g., description, compare, wishlist, etc.).

    However, on the first page load, the layout is broken (screenshot 3.jpg): everything is visible at once—both images, the description, and the compare/wishlist buttons. Basically, the hover/extra elements are rendered on-screen immediately. I believe this is the root of the problem, but I can’t understand why it happens.

    Could you please help me identify what causes this behavior and how to fix it?

    Attachments:
    You must be logged in to view attached files.
    March 9, 2026 at 12:33 pm #711615

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

    Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I will check and give you a possible solution.

    Best Regards.

    March 9, 2026 at 4:23 pm #711707

    Tolis
    Participant

    I tried it with all plugins deactivated, no difference. now all plugins are deactivated all and wait

    Thanks in advance!

    March 10, 2026 at 12:43 pm #711868

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I have found that you are using the Elementor pro plugin’s Product widget for the upsells and related products on the single product layout. Please try to use the Woodamrt theme Elementor widget Products (grid or carousel) to how the upsells and related products on the single product page: https://ibb.co/qYd7pCwJ

    I am sure your issue will be solved.

    Best Regards.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)