Replacing logo by text in the header

[Legval]

Hello all,

I am a beginner in Shopify.

Currently using theme "Be Yours V8.2", in the header section there is the logo center-positioned, if the user click on it, user will be directed to the home page.

I would like to replace this logo by a text "Home page" redirecting as well to the home page.

How can I do that?

Many thanks for your help.

Val

[websensepro]

Hi @Legval  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[Legval]

Hi @websensepro ,

Thanks for helping.

URL: https://champagne-legrand.com/

Password: Password99

[websensepro · Accepted solution]

@Legval 

Go to shopify admin:

Online Store > Themes > Actions > Edit code

Open Layout/theme.liquid

Just before </body>, paste this code:

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const logoLink = document.querySelector(".header__heading-link");

    if (logoLink) {
     
      logoLink.innerHTML = "Home page";


      logoLink.style.fontSize = "24px";
      logoLink.style.fontWeight = "bold";
      logoLink.style.color = "#000";
      logoLink.style.textDecoration = "none";

    }
  });
</script>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[Legval]

Thank you very much for your help @websensepro