Hide extra long name of product on product card in homepage Dawn 15V
hiiiii
I would like to hide extra long names of my products on product card in homepage and hide the names into (.....) this like brand Zara does with there products names. check the screenshot.
store url: https://5a3cf5-fc.myshopify.com/
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
@media screen and (max-width: 767px){
.full-unstyled-link {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 170px !important;
}
}
</style>Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
@media screen and (max-width: 767px){
.full-unstyled-link {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 170px !important;
}
}
</style>Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Community Blog Articles
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024