Remove floating item

[Daniel19901]

Hi, 
can anyone help me remove this "build with" floating icon? 

https://wrdapparel.net/
Password: umiglu

[suyash1]

@Daniel19901 - that button do not have any class or id, hence adding css to it is difficult, which app or code have you added for this button? 

[Daniel19901]

@suyash1 Instant

[suyash1]

@Daniel19901 - please check if that app has an option to disable this button, because it do not have class or id

[parth_ghelani]

Hello @Daniel19901 

the popup is added from the app. You can turn it from the customization or direct from the stop showing it.

[niraj_patel]

Hello @Daniel19901 

Try this

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

  document.querySelectorAll('a[rel="noopener"]').forEach(function(el) {
        el.style.display = 'none';
   });
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSSCommerce-HDL]

Hi @Daniel19901, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </body> tag: 

<script>
let symbol_float = document.querySelector('a[title="Instant Landing Page Builder for Shopify"]');
if(symbol_float) {
    symbol_float.style.display = "none";
}
</script>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Daniel19901]

@BSSCommerce-HDL thank you for your reply. I tried it in the theme.lq as suggested, but it didn't work 😞

[BSSCommerce-HDL]

Hi @Daniel19901 , Pls try again with this code: 

<script>
window.onload = () => {
let symbol_float = document.querySelector('a[title="Instant Landing Page Builder for Shopify"]');
if(symbol_float) {
    symbol_float.style.display = "none";
}
}
</script>

[Daniel19901]

@BSSCommerce-HDL Almost PERFECT! it shows for a split of a second and then disappears. Can we maybe make it to not show at all? I guess this is because the code that comes from "add ons" is being read after the original one 

[BSSCommerce-HDL]

Hi @Daniel19901, Pls try again with this code: 

<script>
let timeoutId = setTimeout(() => {
    let symbol_float = document.querySelector('a[title="Instant Landing Page Builder for Shopify"]');
    if(symbol_float) {
       symbol_float.style.display = "none";
       clearTimeout(timeoutId);
    }
}, 1000);

setTimeout(() => {
   clearTimeout(timeoutId);
}, 10000); 
</script>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Daniel19901]

@BSSCommerce-HDL not yet  :((