Shopify themes, liquid, logos, and UX
Hi @Loz86
Send your store url so we can check and provide possible solution
Best regard
Hi @Jasoliya
Thanks for the reply.
I'm currently working on an unpublished theme at the moment.
The url is: https://y1hz4akx21bmfaxh-78729543967.shopifypreview.com
Try to add this code, this is not proper solution but its fast solution for you
1. Go to Online Store->Theme->Edit code
2. Asset->base.css -> paste bellow code in bottom of file
.cd_a{padding-left: 19px; margin-top: 12px; display: block; max-width: 50px; padding-bottom: 7px;}
.cd_a img{width:100%;}
.halo-sidebar-wrapper .list-menu.list-menu--inline{border-top: 1px solid #eee;}
3. now add this Js code in theme.liqude file just belfore </body>
document.querySelector('.list-menu--inline').insertAdjacentHTML('beforebegin', '<a href="/" class="cd_a"><img src="https://cdn-icons-png.flaticon.com/512/25/25694.png" class="cd_img"></a>');
Note: you can change image to your
Got this error in theme.liquid snippet
"Missing width and height attributes on img tag"
I've added these missing attributes with this
document.querySelector('.list-menu--inline').insertAdjacentHTML('beforebegin', '<a href="/" class="cd_a"><img src="https://cdn.shopify.com/s/files/1/0787/2954/3967/files/Home.png?v=1703687100" class="cd_img" width="32" height="32"></a>');
However the icon isn't showing frontend
try to add this
<script>
document.querySelector('.site-nav-mobile .list-menu.list-menu--inline.justify-center').insertAdjacentHTML('beforebegin', '<a href="/" class="cd_a"><img src="https://cdn.shopify.com/s/files/1/0787/2954/3967/files/Home.png?v=1703687100" class="cd_img" width="32" height="32"></a>');
</script>
Still no joy unfortunately 😔
add me staff (jasoliyabrijesh123@gmail.com) i will check,
I've managed to do it now thanks anyway.
You want to replace this icon?
No, it was adding a home icon inside the hamburger menu, I've managed to do it now thanks anyway.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025