为什么这个脚本将我的 header 向下移动？

Question

I am trying to get a spreadshirt shop integrated on my website but when I add their recommended javascript code it moves my header on the page down. It only happens on that page. My website is https://www.irelandsfuture.com/store and the script looks like this:

<div id="myshop">Spreadshop loading...</div>
        <script>
            var spread_shop_config = {
              prefix: 'https://shop.spreadshirt.ie',
              shopName: 'irelandsfuture',
              baseId: 'myshop',
            };
        </script>
        <script type="text/javascript" src="https://shop.spreadshirt.net/js/shopclient.nocache.js"></script>

Any ideas how to prevent this please?

Thanks

Answer 1

I just opened the dev tools you have an SVG at the top of your page.

add display: none like this:

<svg xmlns="http://www.w3.org/2000/svg" style=" display: none;">

instead of:

 <svg xmlns="http://www.w3.org/2000/svg" display="none">