Shopify themes, liquid, logos, and UX
This is a long shot but I thought it wouldn't hurt to see if anyone else is in the same boat as me.
I'm using the Concept theme and Gelato POD. I'm using Gelato's Personalization feature and the Personalize button shows up on mobile but not on desktop. Concept support won't help because they dont support Gelato. I've checked off all these possible issues but still doesnt show on desktop.
I tried adding custom css like this to the Custom CSS or theme.liquid but still not showing on desktop, where .btn-addtocart is Gelato's class:
@media screen and (min-width: 1900px) {
.btn-addtocart {
display: inline !important;
}
}
@media screen and (max-width: 1899px) {
.btn-addtocart {
display: inline !important;
}
}
I'm guessing that this is Gelato's script for the button on the product page:
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/ecommerce-editor-connector.live.gelato.tech\/ecommerce-editor\/v1\/shopify.esm.js?c=d7c2154c-6bce-44de-a30e-a7f3323db60d\u0026s=919be161-92b7-4763-9720-54e96022ce18\u0026shop=8ea149-82.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src=urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
I'm guessing there's some code or markup somewhere that is overriding the display properties for this button to show on desktop but I'm not skilled enough to figure it out. As you can see I tried !important;
Just wondering if anyone else out there is using Concept and Gelato Personalization?
Thanks for any advice in advance!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025