Issue With Woodmart Sticky Column
-
Hi, due to the sticky column, the popup appears behind the header. However, if I disable the Woodmart sticky column setting, the popup works correctly and appears above the header. I have attached a screenshot for your reference. If you look at the ‘Book Now’ button on the left on the same page below the title “Sliabh Liag Shuttle Bus Tour”, you’ll see it works fine, indicating the issue is related to the sticky column.
-
This topic was modified 1 year, 11 months ago by
justinterweb.
Attachments:
You must be
logged in to view attached files.
Hello,
Remove this https://take.ms/My54X z index and recheck the issue.
Thank you for your time.
Kind Regards
Yes, we already attempted that solution, but it didn’t resolve the issue. I have also removed it for you to inspect. The popup is still appearing behind the sticky header.
Hello,
Define the code below in Theme Settings -> Custom CSS -> Global CSS area.
.elementor-column:has(.rezgo-modal.fadeIn) {
z-index: 99999;
}
Clear the site/server cache and recheck the issue.
Kind Regards
Thank you, it’s working. I have one more issue that needs attention. On the page, clicking the ‘Book Now’ button on the tour card for ‘Sliabh Liag Shuttle Bus’ works fine, and the popup opens properly. However, on the homepage, the same popup is used in the carousel, but it opens inside the grid card. I am attaching a screenshot for your reference.
-
This reply was modified 1 year, 11 months ago by
justinterweb.
Attachments:
You must be
logged in to view attached files.
Hello,
Such a plugin as you use for the popup places the popup content directly in the carousel item – it is impossible to place it outside the carousel item using only the CSS, it requires additional customization which is not included in our support, sorry.
Kind Regards