Burger menu drawer is not being displayed after adding HTML code

[WalterCL]

Hi there, I have a services website and after adding a script to integrate Review Harvest to my website, my burger menu drawer is not being displayed anymore on mobile. It shows a white display and cannot go click anywhere else.

Once I remove the HTML code everything goes back to normal. Any idea?

My website: miamimarine.us

This is the script:

<script src="https://widget.reviewharvest.com/widget/carousel?business-id=88fcebaf-9375-4b17-84c0-e44ed7ad60c1&am..." defer></script>
<div id="review-carousel"></div>

[CodingFifty]

Hey! @WalterCL,

The issue is likely caused by the Review Harvest script interfering with your site's layout or JavaScript, especially on mobile. It may be injecting styles or elements that cover the screen or conflict with your burger menu’s functionality. To fix this, try placing the script and the `<div id="review-carousel">` at the very bottom of your HTML, just before the closing `</body>` tag, and wrap it in a container with a defined `position` and `z-index` to prevent it from overlapping your menu. You can also inspect the elements in Chrome DevTools to see if anything from the script is covering the screen or blocking interaction.

[WalterCL]

Tried to do it but turns out I'm not expert on this... 😖

[Dan-From-Ryviu]

The issue is with your burger menu drawer, as I have checked, because it does not have menu items, your menu has nothing, just have only icon. 

[WalterCL]

It does have. Apparently is not being displayed when the HTML code with the script is there. If I hide it, it works again: