Custom Liquid Not Showing Up On Mobile But Shows In The Preview

Custom Liquid Not Showing Up On Mobile But Shows In The Preview

dalerossb
Visitor
2 0 0

Hello,

 

I am having an issue where the review widget I have embedded to my store will not show on mobile. One of them is a slider when hovered over and the other is a badge at the bottom of the page. They both link back to the review website. 

 

The code is 

 

<script type="text/javascript">
//<![CDATA[
var _hwq = _hwq || [];
_hwq.push(['setKey', '8B437AD2DC01DDB8B2B9831806126CF9']);_hwq.push(['setTopPos', '60']);_hwq.push(['showWidget', '22']);(function() {
var ho = document.createElement('script'); ho.type = 'text/javascript'; ho.async = true;
ho.src='https://cz.im9.cz/direct/i/gjs.php?n=wdgt&sak=8B437AD2DC01DDB8B2B9831806126CF9';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ho, s);
})();
//]]>
</script>
<div style="text-align: center;">
<div id="showHeurekaBadgeHere-11"></div><script type="text/javascript">
//<![CDATA[
var _hwq = _hwq || [];
_hwq.push(['setKey', '8B437AD2DC01DDB8B2B9831806126CF9']);_hwq.push(['showWidget', '11', '93477', 'Mind Fuel', 'mindfuel-cz']);(function() {
var ho = document.createElement('script'); ho.type = 'text/javascript'; ho.async = true;
ho.src='https://cz.im9.cz/direct/i/gjs.php?n=wdgt&sak=8B437AD2DC01DDB8B2B9831806126CF9';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ho, s);
})();
//]]>
</script>
</div>

 

is it possible the widget is not mobile friendly? OR is there some code I am missing? 

Screenshot 2024-02-19 at 18.59.32.png

 

Thanks! 

Replies 0 (0)