Shopify themes, liquid, logos, and UX
Hi!
Store: https://qtupb6-n1.myshopify.com/
Is there a way to make the multicolumn images/icons into a button? I have links to all the columns but I don't want to add a label as it is an eye sore unfortunately, completely ruins the aesthetic of the site.
I want it to look like this and be clickable:
Not like this:
I appreciate any help! 😭
Solved! Go to the solution
This is an accepted solution.
Hi @VicBrew1
Try this one, this make the logo clickable the label will be hidden.
.multicolumn-card.content-container {
position: relative;
}
.multicolumn-card.content-container .multicolumn-card__info {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
text-align: center;
width: 80%;
opacity: 0;
pointer-events: all;
}
.multicolumn-card.content-container {
cursor: pointer;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hello @VicBrew1
Can you share the collaborator request code with me so I will check it.
Yes! Thank you! I will message you directly.
This is an accepted solution.
Hi @VicBrew1
Try this one, this make the logo clickable the label will be hidden.
.multicolumn-card.content-container {
position: relative;
}
.multicolumn-card.content-container .multicolumn-card__info {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
text-align: center;
width: 80%;
opacity: 0;
pointer-events: all;
}
.multicolumn-card.content-container {
cursor: pointer;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Thank you so freaking much! 😍 This worked! How would I do this for the top row? may I repurpose?
Issue: It made the multicolumn clickable but now the multicolumn reviews won't sow. Any ideas for this?
FIGURED IT OUT! So I put the code in the CSS box after clicking the section and then added a link label. Works perfectly! THANK YOU!
Is there a way to do this but for an image that has a button?
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