How can I make the top navigation in the Effortless theme clickable?

[rezerekted]

Hello all!

I'm hoping you can help me. I'm using the theme effortless. Still working on it but the link in the header shop is giving me a bit of a problem. It's working but I need the top navigation (shop itself) to be clickable. So far all the solutions I've encountered are for the Dawn theme. They are not compatible with my theme. Please take a look and see if some solution becomes apparent and let me know. Thanks in advance!

https://the-mighty-luchador.myshopify.com/

pass: lucha

[theycallmemakka]

Hi @rezerekted ,

The password is incorrect

[rezerekted]

Sorry my friend

pass: luch

[theycallmemakka]

Can you let me know where do you want user to go when they click shop?

[theycallmemakka]

Hi @rezerekted ,

I have writter custom JS to replicate link click.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </body> tag

<script>
document.querySelectorAll('.site-nav__link.site-nav__link--has-dropdown').forEach(function(t){    
    if(t.innerText.trim() == 'Shop'){
        t.addEventListener('click', function(){
            window.location.href = "/"
        });        
    }
})
</script>

Note: After adding the code, please replace above mentioned "/" with the link of the landing page.

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[rezerekted]

Thank you! It works!

[theycallmemakka]

Hi @rezerekted ,

Happy to hear that worked. If you find my information useful, a Like on every reply would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka