Hello,
Thank you for reaching out. I was unable to replicate the issue on the example page you provided. However, this sounds like a common issue we have experienced with certain themes. I have included a script below you can add to the plugins CSS override control. In WordPress go to Optima Express > Configuration and add the script below outside of the existing style tags.
<script type="text/javascript">
window.onload = function() {
let eurekaContainer = document.getElementsByTagName("ihf-search")[0];
if (eurekaContainer != undefined) {
overflow(eurekaContainer);
}
function overflow(element) {
while(element) {
var style = window.getComputedStyle(element)
if((style.overflowY == 'hidden' && style.overflowX == 'hidden') || (style.overflowY == 'auto' && style.overflowX == 'auto')) {
element.setAttribute('style', "overflow: visible;")
}
if(style.overflowY == 'hidden' || style.overflowY == 'auto') {
element.setAttribute('style', "overflow-y: visible;")
}
if((style.overflowX == 'hidden' || style.overflowX == 'auto') && (element.tagName != 'html' || element.tagName != 'body')) {
element.setAttribute('style', "overflow-x: visible;")
}
element = element.parentElement;
}
}
}
</script>
I hope that helps. Please feel free to email us directly at [email protected]
Best,
Support
Yes, that did the trick. I was given that code via email and implemented it already which is why you couldn’t reproduce the issue. 😉