Help removing 'Free Shipping on orders over 150$'. Artisan theme.

TzufArtAndSoul · ‎11-30-2023

Hi there.
Please if someone can help me remove this terrible 'Free shipping on orders over 150$' bar at the top of our website.
It appears a few seconds after loading the page.
It is not connected to the 'announcement' feature.
And it is not from a third party plugin as far as i can see.
I tried following online tutorials for editing the css, but i dont understand coding, and the layout on my theme isnt the same as the tutorials i found so i couldnt do it.
Please if anyone has any idea how to do this. its so frustrating ive spent hours and hours trying to do this to no avail
our website: www.TzufArtAndSoul.com

Dan-From-Ryviu · ‎11-30-2023

Hi @TzufArtAndSoul

That announcement bar may belong to 3rd party app. Could you share your store link to check?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

TzufArtAndSoul · ‎11-30-2023

Hi. oops sorry. Heres the website url:
www.TzufArtAndSoul.com

Dan-From-Ryviu · ‎11-30-2023

Could you check if you get the same issue with your store like me? Its broken

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

TzufArtAndSoul · ‎11-30-2023

OH NO!!!
I must have done that when trying to edit the code. now im really messed up!
how do reset it without erasing my data?

Dan-From-Ryviu · ‎11-30-2023

styles.css file of your theme is blank, which is why it causes the issue

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

TzufArtAndSoul · ‎11-30-2023

Thanks. that was the solution to the broken website. but i unmarked it as 'the solution' for this thread so that this thread will stay open for the original question.

TzufArtAndSoul · ‎11-30-2023

Hi Dan.
Thanks so much for your spot on solution to the broken code!
Now that the site is up and running, any chance you can help me figure out the free shipping bar?

Dan-From-Ryviu · ‎11-30-2023

Go to your Online store > Themes > Edit code > open theme.liquid file, add below code after <head> tag

<style>
.80c-mars1 { display: none !important; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

TzufArtAndSoul · ‎11-30-2023

I tried pasting in the code below the second Head section and it didnt help.
i also tried inside the head section to see if that would make a difference but didnt.

Any other ideas what i can do about it?

Dan-From-Ryviu · ‎11-30-2023

Hi @TzufArtAndSoul

Could you try to add this cod before </body> tag and check again?

  <script>
    window.onload = function() {
      // Delay the execution by 1000 milliseconds (1 second)
      setTimeout(function() {
        // Get the element by its class name
        var mars1Element = document.querySelector('.80c-mars1');

        // Check if the element exists before attempting to modify it
        if (mars1Element) {
          // Set the display property to 'none'
          mars1Element.style.display = 'none';
        }
      }, 500); // 1000 milliseconds = 1 second
    };
  </script>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

TzufArtAndSoul · ‎12-03-2023

Hi Dan.

Thanks so much for trying to find another solution. i really appreciate it.
Unfortunately it didnt do the trick.
Ive attatched part of the theme.liquid file so that you can see what it looks like to make sure i did it right. (the forum wouldnt let me attach all the content of that file for some reason, so ive included part of it)

Any other creative ideas that might do it?
Happy to get you more coffees 😉

 {% if settings.shipping_calc and template contains "cart" %}
    {% render 'cart-shipping-scripts' %}
  {% endif %}
  
  <script>
    window.onload = function() {
      // Delay the execution by 1000 milliseconds (1 second)
      setTimeout(function() {
        // Get the element by its class name
        var mars1Element = document.querySelector('.80c-mars1');

        // Check if the element exists before attempting to modify it
        if (mars1Element) {
          // Set the display property to 'none'
          mars1Element.style.display = 'none';
        }
      }, 500); // 1000 milliseconds = 1 second
    };
  </script>
</body>

</html>