Remove Burger Menu and Shop Name from Embedded Site

Spreadshop
, ,
#1

How do I remove the shop name logo/header from my embedded shop? shop.spreadshirt.com/funny-as-shirt
https://www.melo.graphics/funny (embedded site)

Upadate: I changed the html in the iframe but wix won’t let me edit the html of the page. Is there anyway to make the iframe responsive when it goes to the various products on mobile?

#2

You did integrate the shop with an iframe? Really old-school :slight_smile:

I don’t know WIX completely, but you should also be able to integrate the shop with the corresponding javascript code, directly - without iframe. Like discussed here: Item Detail on Mobile is HUGE

Anyway, inspecting your page showed this page as your spreadshop holder: https://www-melo-graphics.filesusr.com/html/d0265d_6519fcf472b787130fc7ab0a3fb5753d.html
If you can edit that page - which shows the code you could also use directly for wix - as said above:

Old

<!DOCTYPE html>
<div id="myShop">
    <a href="https://shop.spreadshirt.com/funny-as-shirt">funny-as-shirt</a>
</div>

<script>
    var spread_shop_config = {
        shopName: 'funny-as-shirt',
        locale: 'us_US',
        prefix: 'https://shop.spreadshirt.com',
        baseId: 'myShop'
    };
</script>

<script type="text/javascript"
        src="https://shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js">
</script>

change that page to

New

<!DOCTYPE html>
<html>
<head></head>
<style>
#sprd-header-container .sprd-header__burgerbutton,#sprd-header-container .sprd-header__image {display:none}
</style>
<body>
<div id="myShop">
    <a href="https://shop.spreadshirt.com/funny-as-shirt">funny-as-shirt</a>
</div>

<script>
    var spread_shop_config = {
        shopName: 'funny-as-shirt',
        locale: 'us_US',
        prefix: 'https://shop.spreadshirt.com',
        baseId: 'myShop'
    };
</script>

<script type="text/javascript"
        src="https://shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js">
</script>
</body>
</html>

If the whole header should be removed, then you will lose the basket button, too. Do you want that?

Cheers
Thimo

1 Like
#3

Hi Thimo,

Thanks for helping with the header/logo. That works. As for the iframe issues (product page mobile issues), I can’t seem to find a way to edit code in wix. I miss shopify, lol. All I’ve found is this doc:https://support.wix.com/en/article/wix-code-working-in-the-code-panel#working-with-your-elements-1. Are there any other alternatives I could try to fix the mobile view?

#4

Thats the problem with iframes :wink:
Just found that video, maybe it helps: https://www.youtube.com/watch?v=GorkXaOmpx4

2 Likes
#5