Shopify themes, liquid, logos, and UX
HOW TO STOP LOGO FROM REDIRECTING TO HOME PAGE DAWN THEME
I WANT MY LOGO TO REDIRECT NOWHERE
Solved! Go to the solution
This is an accepted solution.
Hi @trizlord
1.
2.
3.Replace {routes. root_url}} with # or javascript:void(0);
this href="{{ shop.url }}" is not anywhwrer on the page on header.liquid unfournatley
If you feel like editing the code, then it's here: https://github.com/Shopify/dawn/blob/e803aaab8608b2ad98eac53b8ff95aedfd24fe57/sections/header.liquid...
just replace <a with <span and </a> with </span> on the first and last lines of selection.
However, editing the theme code will make it difficult to update later.
You can 97% solve this problem without code edits by using Theme Settings=> Custom CSS. Add this code:
.header__heading {
pointer-events: none;
}
This will make you logo ignore mouse (and finger) interactions.
If somebody uses keyboard to navigate your site, they still will be able to "click" the logo, but i doubt they would do it accidentally.
This is an accepted solution.
Hi @trizlord
1.
2.
3.Replace {routes. root_url}} with # or javascript:void(0);
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024